#CCFDFD

#CCFDFD

#FDCCCC

#FDCCCC

コントラスト比

1.3:1

Delta E

36.12

Very Different

50:50 ミックス

#E8E5E4

カラー値

フォーマット #CCFDFD #FDCCCC
HEX #CCFDFD #FDCCCC
RGB 204, 253, 253 253, 204, 204
HSL 180.0, 92.5%, 89.6% 0.0, 92.5%, 89.6%
HSV 180.0, 19.4%, 99.2% 0.0, 19.4%, 99.2%
CMYK 19.4%, 0.0%, 0.0%, 0.8% 0.0%, 19.4%, 19.4%, 0.8%
OKLCH 0.9603 0.0497 196.4 0.8878 0.0557 18.3

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

1.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDCCCC → 背景色: #CCFDFD

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

テキスト: #CCFDFD → 背景色: #FDCCCC

色差 (Delta E)

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

グラデーション

#CCFDFD #D6F5F5 #E0EDEC #E8E5E4 #F0DDDC #F7D4D4 #FDCCCC

カラーミキシング

#CCFDFD

100%

#DBF1F1

75:25

#E8E5E4

50:50

#F3D9D8

25:75

#FDCCCC

100%

CSSグラデーションコード

background: linear-gradient(to right, #CCFDFD, #FDCCCC);
background: linear-gradient(135deg, #CCFDFD, #FDCCCC);

各色を詳しく見る

#CCFDFD

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

#FDCCCC

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

関連する比較