#7CBEDF

#7CBEDF

#DF9D7C

#DF9D7C

コントラスト比

1.11:1

Delta E

60.15

Very Different

50:50 ミックス

#BAAEAD

カラー値

フォーマット #7CBEDF #DF9D7C
HEX #7CBEDF #DF9D7C
RGB 124, 190, 223 223, 157, 124
HSL 200.0, 60.7%, 68.0% 20.0, 60.7%, 68.0%
HSV 200.0, 44.4%, 87.5% 20.0, 44.4%, 87.5%
CMYK 44.4%, 14.8%, 0.0%, 12.5% 0.0%, 29.6%, 44.4%, 12.5%
OKLCH 0.7693 0.082 230.9 0.7522 0.0914 47.5

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

1.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF9D7C → 背景色: #7CBEDF

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

テキスト: #7CBEDF → 背景色: #DF9D7C

色差 (Delta E)

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

グラデーション

#7CBEDF #96B9CE #AAB4BE #BAAEAD #C8A99D #D4A38C #DF9D7C

カラーミキシング

#7CBEDF

100%

#A0B6C6

75:25

#BAAEAD

50:50

#CEA695

25:75

#DF9D7C

100%

CSSグラデーションコード

background: linear-gradient(to right, #7CBEDF, #DF9D7C);
background: linear-gradient(135deg, #7CBEDF, #DF9D7C);

各色を詳しく見る

#7CBEDF

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

#DF9D7C

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

関連する比較