#CCFDF4

#CCFDF4

#FDCCD5

#FDCCD5

コントラスト比

1.28:1

Delta E

37.23

Very Different

50:50 ミックス

#E8E5E4

カラー値

フォーマット #CCFDF4 #FDCCD5
HEX #CCFDF4 #FDCCD5
RGB 204, 253, 244 253, 204, 213
HSL 169.0, 92.5%, 89.6% 349.0, 92.5%, 89.6%
HSV 169.0, 19.4%, 99.2% 349.0, 19.4%, 99.2%
CMYK 19.4%, 0.0%, 3.6%, 0.8% 0.0%, 19.4%, 15.8%, 0.8%
OKLCH 0.9577 0.0513 182.8 0.8902 0.0565 5.9

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

1.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDCCD5 → 背景色: #CCFDF4

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

テキスト: #CCFDF4 → 背景色: #FDCCD5

色差 (Delta E)

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

グラデーション

#CCFDF4 #D6F5EF #DFEDEA #E8E5E4 #EFDDDF #F6D5DA #FDCCD5

カラーミキシング

#CCFDF4

100%

#DBF1EC

75:25

#E8E5E4

50:50

#F3D9DD

25:75

#FDCCD5

100%

CSSグラデーションコード

background: linear-gradient(to right, #CCFDF4, #FDCCD5);
background: linear-gradient(135deg, #CCFDF4, #FDCCD5);

各色を詳しく見る

#CCFDF4

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

#FDCCD5

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

関連する比較