#BAA2FD

#BAA2FD

#E5FDA2

#E5FDA2

コントラスト比

1.95:1

Delta E

99.68

Very Different

50:50 ミックス

#D6CFD2

カラー値

フォーマット #BAA2FD #E5FDA2
HEX #BAA2FD #E5FDA2
RGB 186, 162, 253 229, 253, 162
HSL 255.8, 95.8%, 81.4% 75.8, 95.8%, 81.4%
HSV 255.8, 36.0%, 99.2% 75.8, 36.0%, 99.2%
CMYK 26.5%, 36.0%, 0.0%, 0.8% 9.5%, 0.0%, 36.0%, 0.8%
OKLCH 0.7678 0.1296 295.3 0.956 0.1176 120.7

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

1.95:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #E5FDA2 → 背景色: #BAA2FD

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

テキスト: #BAA2FD → 背景色: #E5FDA2

色差 (Delta E)

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

グラデーション

#BAA2FD #C5B1EF #CEC0E1 #D6CFD2 #DCDEC3 #E1EEB3 #E5FDA2

カラーミキシング

#BAA2FD

100%

#CAB9E8

75:25

#D6CFD2

50:50

#DFE6BB

25:75

#E5FDA2

100%

CSSグラデーションコード

background: linear-gradient(to right, #BAA2FD, #E5FDA2);
background: linear-gradient(135deg, #BAA2FD, #E5FDA2);

各色を詳しく見る

#BAA2FD

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

#E5FDA2

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

関連する比較