#CCFAFA

#CCFAFA

#FACCCC

#FACCCC

コントラスト比

1.28:1

Delta E

33.97

Very Different

50:50 ミックス

#E6E3E3

カラー値

フォーマット #CCFAFA #FACCCC
HEX #CCFAFA #FACCCC
RGB 204, 250, 250 250, 204, 204
HSL 180.0, 82.1%, 89.0% 0.0, 82.1%, 89.0%
HSV 180.0, 18.4%, 98.0% 0.0, 18.4%, 98.0%
CMYK 18.4%, 0.0%, 0.0%, 2.0% 0.0%, 18.4%, 18.4%, 2.0%
OKLCH 0.9532 0.0469 196.4 0.885 0.0522 18.2

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

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

テキスト読みやすさ

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

テキスト: #FACCCC → 背景色: #CCFAFA

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

テキスト: #CCFAFA → 背景色: #FACCCC

色差 (Delta E)

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

グラデーション

#CCFAFA #D6F3F2 #DEEBEA #E6E3E3 #EDDCDB #F4D4D4 #FACCCC

カラーミキシング

#CCFAFA

100%

#DAEFEE

75:25

#E6E3E3

50:50

#F1D8D7

25:75

#FACCCC

100%

CSSグラデーションコード

background: linear-gradient(to right, #CCFAFA, #FACCCC);
background: linear-gradient(135deg, #CCFAFA, #FACCCC);

各色を詳しく見る

#CCFAFA

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

#FACCCC

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

関連する比較