#72CDFF

#72CDFF

#FFA472

#FFA472

コントラスト比

1.1:1

Delta E

83.95

Very Different

50:50 ミックス

#D0B9B8

カラー値

フォーマット #72CDFF #FFA472
HEX #72CDFF #FFA472
RGB 114, 205, 255 255, 164, 114
HSL 201.3, 100.0%, 72.4% 21.3, 100.0%, 72.4%
HSV 201.3, 55.3%, 100.0% 21.3, 55.3%, 100.0%
CMYK 55.3%, 19.6%, 0.0%, 0.0% 0.0%, 35.7%, 55.3%, 0.0%
OKLCH 0.8109 0.1123 234.5 0.7993 0.1264 49.0

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

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFA472 → 背景色: #72CDFF

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

テキスト: #72CDFF → 背景色: #FFA472

色差 (Delta E)

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

グラデーション

#72CDFF #9CC7E7 #B9C0D0 #D0B9B8 #E2B3A1 #F2AB8A #FFA472

カラーミキシング

#72CDFF

100%

#ACC3DB

75:25

#D0B9B8

50:50

#EAAF95

25:75

#FFA472

100%

CSSグラデーションコード

background: linear-gradient(to right, #72CDFF, #FFA472);
background: linear-gradient(135deg, #72CDFF, #FFA472);

各色を詳しく見る

#72CDFF

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

#FFA472

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

関連する比較