#ABDCFF

#ABDCFF

#FFCEAB

#FFCEAB

コントラスト比

1.02:1

Delta E

50.34

Very Different

50:50 ミックス

#DCD5D5

カラー値

フォーマット #ABDCFF #FFCEAB
HEX #ABDCFF #FFCEAB
RGB 171, 220, 255 255, 206, 171
HSL 205.0, 100.0%, 83.5% 25.0, 100.0%, 83.5%
HSV 205.0, 32.9%, 100.0% 25.0, 32.9%, 100.0%
CMYK 32.9%, 13.7%, 0.0%, 0.0% 0.0%, 19.2%, 32.9%, 0.0%
OKLCH 0.8721 0.0704 239.7 0.8856 0.0724 57.2

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

1.02:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFCEAB → 背景色: #ABDCFF

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

テキスト: #ABDCFF → 背景色: #FFCEAB

色差 (Delta E)

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

グラデーション

#ABDCFF #BEDAF1 #CED7E3 #DCD5D5 #E9D3C7 #F4D0B9 #FFCEAB

カラーミキシング

#ABDCFF

100%

#C6D9EA

75:25

#DCD5D5

50:50

#EFD2C0

25:75

#FFCEAB

100%

CSSグラデーションコード

background: linear-gradient(to right, #ABDCFF, #FFCEAB);
background: linear-gradient(135deg, #ABDCFF, #FFCEAB);

各色を詳しく見る

#ABDCFF

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

#FFCEAB

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

関連する比較