#11A675

#11A675

ティール系

カラーコード変換

形式
HEX#11A675
RGBrgb(17, 166, 117)
RGBArgba(17, 166, 117, 1)
HSLhsl(160, 81%, 36%)
HSVhsv(160, 90%, 65%)
CMYKcmyk(90%, 0%, 30%, 35%)
Aa

白背景

3.12:1AA Large

Aa

黒背景

6.74:1AA適合


配色パレット提案

補色

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

#11A675#A61143

類似色

色相環で隣接する色

#11A62A#11A64F#11A675#11A69A#118DA6

トライアド

色相環で120°間隔の3色

#11A675#7511A6#A67511

テトラード

色相環で90°間隔の4色

#11A675#2A11A6#A61143#8DA611

モノクローム

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

#031C13#0A6144#11A675#1DE7A4#62EFC0

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

補色の両隣の色

#11A675#A6118D#A62A11

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

ライト → ダーク

linear-gradient(135deg, #4BECB6, #11A675, #053324)

補色グラデーション

linear-gradient(135deg, #11A675, #A61143)

類似色グラデーション

linear-gradient(135deg, #11A62A, #11A675, #118DA6)

ラジアルグロー

radial-gradient(circle, #11A675, #053324)

サンセット風

linear-gradient(to right, #11A675, #118DA6, #A61143)

オーバーレイ

linear-gradient(180deg, #11A675CC, #11A67533)

CSS使用例

背景色として使用

Hello, World!
background-color: #11A675;

テキスト色として使用

Color Text
color: #11A675;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #11A67566;

関連するカラー