#C2F3FD

#C2F3FD

#FDCCC2

#FDCCC2

コントラスト比

1.2:1

Delta E

36.93

Very Different

50:50 ミックス

#E4E0DF

カラー値

フォーマット #C2F3FD #FDCCC2
HEX #C2F3FD #FDCCC2
RGB 194, 243, 253 253, 204, 194
HSL 190.2, 93.7%, 87.6% 10.2, 93.7%, 87.6%
HSV 190.2, 23.3%, 99.2% 10.2, 23.3%, 99.2%
CMYK 23.3%, 4.0%, 0.0%, 0.8% 0.0%, 19.4%, 23.3%, 0.8%
OKLCH 0.9334 0.0518 211.5 0.8852 0.0576 31.6

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

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

テキスト読みやすさ

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

テキスト: #FDCCC2 → 背景色: #C2F3FD

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

テキスト: #C2F3FD → 背景色: #FDCCC2

色差 (Delta E)

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

グラデーション

#C2F3FD #CFEDF3 #DAE6E9 #E4E0DF #EDD9D5 #F5D3CC #FDCCC2

カラーミキシング

#C2F3FD

100%

#D4EAEE

75:25

#E4E0DF

50:50

#F1D6D1

25:75

#FDCCC2

100%

CSSグラデーションコード

background: linear-gradient(to right, #C2F3FD, #FDCCC2);
background: linear-gradient(135deg, #C2F3FD, #FDCCC2);

各色を詳しく見る

#C2F3FD

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

#FDCCC2

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

関連する比較