#CCFACD

#CCFACD

#FACCF9

#FACCF9

コントラスト比

1.2:1

Delta E

57.43

Very Different

50:50 ミックス

#E5E4E3

カラー値

フォーマット #CCFACD #FACCF9
HEX #CCFACD #FACCF9
RGB 204, 250, 205 250, 204, 249
HSL 121.3, 82.1%, 89.0% 301.3, 82.1%, 89.0%
HSV 121.3, 18.4%, 98.0% 301.3, 18.4%, 98.0%
CMYK 18.4%, 0.0%, 18.0%, 2.0% 0.0%, 18.4%, 0.4%, 2.0%
OKLCH 0.9412 0.0764 145.5 0.8985 0.0781 326.9

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

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FACCF9 → 背景色: #CCFACD

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

テキスト: #CCFACD → 背景色: #FACCF9

色差 (Delta E)

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

グラデーション

#CCFACD #D5F3D5 #DDECDC #E5E4E3 #EDDCEB #F3D4F2 #FACCF9

カラーミキシング

#CCFACD

100%

#D9EFD8

75:25

#E5E4E3

50:50

#F0D8EE

25:75

#FACCF9

100%

CSSグラデーションコード

background: linear-gradient(to right, #CCFACD, #FACCF9);
background: linear-gradient(135deg, #CCFACD, #FACCF9);

各色を詳しく見る

#CCFACD

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

#FACCF9

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

関連する比較