#CE62F9

#CE62F9

white

#FFFFFF

コントラスト比

3.12:1

Delta E

95.66

Very Different

50:50 ミックス

#EBB3FD

カラー値

フォーマット #CE62F9 #FFFFFF
HEX #CE62F9 #FFFFFF
RGB 206, 98, 249 255, 255, 255
HSL 282.9, 92.6%, 68.0% 0.0, 0.0%, 100.0%
HSV 282.9, 60.6%, 97.6% 0.0, 0.0%, 100.0%
CMYK 17.3%, 60.6%, 0.0%, 2.4% 0.0%, 0.0%, 0.0%, 0.0%
OKLCH 0.6877 0.2288 315.1 1.0 0.0 89.9

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

3.12:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFFFFF → 背景色: #CE62F9

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

テキスト: #CE62F9 → 背景色: #FFFFFF

色差 (Delta E)

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

グラデーション

#CE62F9 #D97FFB #E29AFC #EBB3FD #F3CDFE #F9E6FF #FFFFFF

カラーミキシング

#CE62F9

100%

#DE8CFB

75:25

#EBB3FD

50:50

#F6D9FE

25:75

#FFFFFF

100%

CSSグラデーションコード

background: linear-gradient(to right, #CE62F9, #FFFFFF);
background: linear-gradient(135deg, #CE62F9, #FFFFFF);

各色を詳しく見る

#CE62F9

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

white

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

関連する比較