#CEFAFF

#CEFAFF

#FFD3CE

#FFD3CE

コントラスト比

1.21:1

Delta E

32.39

Very Different

50:50 ミックス

#EAE7E6

カラー値

フォーマット #CEFAFF #FFD3CE
HEX #CEFAFF #FFD3CE
RGB 206, 250, 255 255, 211, 206
HSL 186.1, 100.0%, 90.4% 6.1, 100.0%, 90.4%
HSV 186.1, 19.2%, 100.0% 6.1, 19.2%, 100.0%
CMYK 19.2%, 2.0%, 0.0%, 0.0% 0.0%, 17.3%, 19.2%, 0.0%
OKLCH 0.9559 0.0455 204.9 0.9031 0.0502 25.7

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

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFD3CE → 背景色: #CEFAFF

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

テキスト: #CEFAFF → 背景色: #FFD3CE

色差 (Delta E)

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

グラデーション

#CEFAFF #D8F4F7 #E1EDEE #EAE7E6 #F1E0DE #F8DAD6 #FFD3CE

カラーミキシング

#CEFAFF

100%

#DDF0F3

75:25

#EAE7E6

50:50

#F5DDDA

25:75

#FFD3CE

100%

CSSグラデーションコード

background: linear-gradient(to right, #CEFAFF, #FFD3CE);
background: linear-gradient(135deg, #CEFAFF, #FFD3CE);

各色を詳しく見る

#CEFAFF

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

#FFD3CE

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

関連する比較