#CCFDFB

#CCFDFB

#FDCCCE

#FDCCCE

コントラスト比

1.29:1

Delta E

36.16

Very Different

50:50 ミックス

#E8E5E4

カラー値

フォーマット #CCFDFB #FDCCCE
HEX #CCFDFB #FDCCCE
RGB 204, 253, 251 253, 204, 206
HSL 177.6, 92.5%, 89.6% 357.6, 92.5%, 89.6%
HSV 177.6, 19.4%, 99.2% 357.6, 19.4%, 99.2%
CMYK 19.4%, 0.0%, 0.8%, 0.8% 0.0%, 19.4%, 18.6%, 0.8%
OKLCH 0.9597 0.0498 193.3 0.8883 0.0556 15.5

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

1.29:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDCCCE → 背景色: #CCFDFB

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

テキスト: #CCFDFB → 背景色: #FDCCCE

色差 (Delta E)

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

グラデーション

#CCFDFB #D6F5F3 #E0EDEC #E8E5E4 #F0DDDD #F7D4D5 #FDCCCE

カラーミキシング

#CCFDFB

100%

#DBF1F0

75:25

#E8E5E4

50:50

#F3D9D9

25:75

#FDCCCE

100%

CSSグラデーションコード

background: linear-gradient(to right, #CCFDFB, #FDCCCE);
background: linear-gradient(135deg, #CCFDFB, #FDCCCE);

各色を詳しく見る

#CCFDFB

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

#FDCCCE

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

関連する比較