#CCFFFE

#CCFFFE

#FFCCCD

#FFCCCD

コントラスト比

1.31:1

Delta E

37.56

Very Different

50:50 ミックス

#E9E6E5

カラー値

フォーマット #CCFFFE #FFCCCD
HEX #CCFFFE #FFCCCD
RGB 204, 255, 254 255, 204, 205
HSL 178.8, 100.0%, 90.0% 358.8, 100.0%, 90.0%
HSV 178.8, 20.0%, 100.0% 358.8, 20.0%, 100.0%
CMYK 20.0%, 0.0%, 0.4%, 0.0% 0.0%, 20.0%, 19.6%, 0.0%
OKLCH 0.9647 0.0516 194.8 0.8899 0.058 17.0

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

1.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFCCCD → 背景色: #CCFFFE

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

テキスト: #CCFFFE → 背景色: #FFCCCD

色差 (Delta E)

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

グラデーション

#CCFFFE #D7F7F6 #E1EEED #E9E6E5 #F1DDDD #F8D5D5 #FFCCCD

カラーミキシング

#CCFFFE

100%

#DCF3F2

75:25

#E9E6E5

50:50

#F5D9D9

25:75

#FFCCCD

100%

CSSグラデーションコード

background: linear-gradient(to right, #CCFFFE, #FFCCCD);
background: linear-gradient(135deg, #CCFFFE, #FFCCCD);

各色を詳しく見る

#CCFFFE

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

#FFCCCD

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

関連する比較