#8FD7DF

#8FD7DF

#DF978F

#DF978F

コントラスト比

1.45:1

Delta E

54.8

Very Different

50:50 ミックス

#C1B8B6

カラー値

フォーマット #8FD7DF #DF978F
HEX #8FD7DF #DF978F
RGB 143, 215, 223 223, 151, 143
HSL 186.0, 55.6%, 71.8% 6.0, 55.6%, 71.8%
HSV 186.0, 35.9%, 87.5% 6.0, 35.9%, 87.5%
CMYK 35.9%, 3.6%, 0.0%, 12.5% 0.0%, 32.3%, 35.9%, 12.5%
OKLCH 0.8346 0.0725 204.7 0.7455 0.0882 26.4

コントラストとアクセシビリティ

1.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #DF978F → 背景色: #8FD7DF

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #8FD7DF → 背景色: #DF978F

色差 (Delta E)

54.8 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#8FD7DF #A3CDD1 #B4C3C4 #C1B8B6 #CDADA9 #D6A29C #DF978F

カラーミキシング

#8FD7DF

100%

#ACC8CA

75:25

#C1B8B6

50:50

#D2A8A2

25:75

#DF978F

100%

CSSグラデーションコード

background: linear-gradient(to right, #8FD7DF, #DF978F);
background: linear-gradient(135deg, #8FD7DF, #DF978F);

各色を詳しく見る

#8FD7DF

カラーの詳細をすべて見る

#DF978F

カラーの詳細をすべて見る

関連する比較