#C4D5FD

#C4D5FD

#FDECC4

#FDECC4

コントラスト比

1.26:1

Delta E

43.89

Very Different

50:50 ミックス

#E3E0E1

カラー値

フォーマット #C4D5FD #FDECC4
HEX #C4D5FD #FDECC4
RGB 196, 213, 253 253, 236, 196
HSL 222.1, 93.4%, 88.0% 42.1, 93.4%, 88.0%
HSV 222.1, 22.5%, 99.2% 42.1, 22.5%, 99.2%
CMYK 22.5%, 15.8%, 0.0%, 0.8% 0.0%, 6.7%, 22.5%, 0.8%
OKLCH 0.8733 0.0586 267.0 0.9467 0.0551 87.7

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

1.26:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDECC4 → 背景色: #C4D5FD

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

テキスト: #C4D5FD → 背景色: #FDECC4

色差 (Delta E)

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

グラデーション

#C4D5FD #CFD9F4 #DADCEA #E3E0E1 #ECE4D7 #F5E8CE #FDECC4

カラーミキシング

#C4D5FD

100%

#D5DBEF

75:25

#E3E0E1

50:50

#F1E6D3

25:75

#FDECC4

100%

CSSグラデーションコード

background: linear-gradient(to right, #C4D5FD, #FDECC4);
background: linear-gradient(135deg, #C4D5FD, #FDECC4);

各色を詳しく見る

#C4D5FD

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

#FDECC4

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

関連する比較