#148576

#148576

ティール系

カラーコード変換

形式
HEX#148576
RGBrgb(20, 133, 118)
RGBArgba(20, 133, 118, 1)
HSLhsl(172, 74%, 30%)
HSVhsv(172, 85%, 52%)
CMYKcmyk(85%, 0%, 11%, 48%)
Aa

白背景

4.52:1AA適合

Aa

黒背景

4.65:1AA適合


配色パレット提案

補色

色相環で180°反対に位置する色

#148576#851423

類似色

色相環で隣接する色

#14853D#14855A#148576#147885#145C85

トライアド

色相環で120°間隔の3色

#148576#761485#857614

テトラード

色相環で90°間隔の4色

#148576#3D1485#851423#5C8514

モノクローム

同じ色相の明度バリエーション

#000000#0A433B#148576#1EC8B1#4EE4D0

スプリットコンプリメンタリー

補色の両隣の色

#148576#85145C#853D14

CSSグラデーションサンプル

ライト → ダーク

linear-gradient(135deg, #37E1CB, #148576, #031614)

補色グラデーション

linear-gradient(135deg, #148576, #851423)

類似色グラデーション

linear-gradient(135deg, #14853D, #148576, #145C85)

ラジアルグロー

radial-gradient(circle, #148576, #031614)

サンセット風

linear-gradient(to right, #148576, #145C85, #851423)

オーバーレイ

linear-gradient(180deg, #148576CC, #14857633)

CSS使用例

背景色として使用

Hello, World!
background-color: #148576;

テキスト色として使用

Color Text
color: #148576;

ボーダー色として使用

ボーダー要素
border: 3px solid #148576;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #14857666;

関連するカラー