#CF4591

#CF4591

white

#FFFFFF

コントラスト比

4.27:1

Delta E

79.02

Very Different

50:50 ミックス

#ECA6C7

カラー値

フォーマット #CF4591 #FFFFFF
HEX #CF4591 #FFFFFF
RGB 207, 69, 145 255, 255, 255
HSL 327.0, 59.0%, 54.1% 0.0, 0.0%, 100.0%
HSV 327.0, 66.7%, 81.2% 0.0, 0.0%, 100.0%
CMYK 0.0%, 66.7%, 30.0%, 18.8% 0.0%, 0.0%, 0.0%, 0.0%
OKLCH 0.6054 0.1886 350.2 1.0 0.0 89.9

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

4.27:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

テキスト読みやすさ

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

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

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

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

色差 (Delta E)

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

グラデーション

#CF4591 #DA69A3 #E488B4 #ECA6C7 #F4C4D9 #FAE1EC #FFFFFF

カラーミキシング

#CF4591

100%

#DF79AB

75:25

#ECA6C7

50:50

#F7D3E3

25:75

#FFFFFF

100%

CSSグラデーションコード

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

各色を詳しく見る

#CF4591

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

white

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

関連する比較