#CACFFF

#CACFFF

#FFFACA

#FFFACA

コントラスト比

1.42:1

Delta E

51.46

Very Different

50:50 ミックス

#E7E4E5

カラー値

フォーマット #CACFFF #FFFACA
HEX #CACFFF #FFFACA
RGB 202, 207, 255 255, 250, 202
HSL 234.3, 100.0%, 89.6% 54.3, 100.0%, 89.6%
HSV 234.3, 20.8%, 100.0% 54.3, 20.8%, 100.0%
CMYK 20.8%, 18.8%, 0.0%, 0.0% 0.0%, 2.0%, 20.8%, 0.0%
OKLCH 0.8665 0.0667 280.2 0.9772 0.0619 102.5

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

1.42:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFFACA → 背景色: #CACFFF

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

テキスト: #CACFFF → 背景色: #FFFACA

色差 (Delta E)

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

グラデーション

#CACFFF #D4D6F6 #DEDDEE #E7E4E5 #EFEBDC #F7F3D3 #FFFACA

カラーミキシング

#CACFFF

100%

#D9D9F2

75:25

#E7E4E5

50:50

#F3EFD8

25:75

#FFFACA

100%

CSSグラデーションコード

background: linear-gradient(to right, #CACFFF, #FFFACA);
background: linear-gradient(135deg, #CACFFF, #FFFACA);

各色を詳しく見る

#CACFFF

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

#FFFACA

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

関連する比較