#ACCF93

#ACCF93

#B693CF

#B693CF

コントラスト比

1.5:1

Delta E

71.15

Very Different

50:50 ミックス

#B4B2B2

カラー値

フォーマット #ACCF93 #B693CF
HEX #ACCF93 #B693CF
RGB 172, 207, 147 182, 147, 207
HSL 95.0, 38.5%, 69.4% 275.0, 38.5%, 69.4%
HSV 95.0, 29.0%, 81.2% 275.0, 29.0%, 81.2%
CMYK 16.9%, 0.0%, 29.0%, 18.8% 12.1%, 29.0%, 0.0%, 18.8%
OKLCH 0.8139 0.0895 132.7 0.7164 0.0933 310.7

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

1.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #B693CF → 背景色: #ACCF93

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

テキスト: #ACCF93 → 背景色: #B693CF

色差 (Delta E)

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

グラデーション

#ACCF93 #AFC59E #B2BCA8 #B4B2B2 #B5A8BC #B69DC6 #B693CF

カラーミキシング

#ACCF93

100%

#B1C0A3

75:25

#B4B2B2

50:50

#B6A3C1

25:75

#B693CF

100%

CSSグラデーションコード

background: linear-gradient(to right, #ACCF93, #B693CF);
background: linear-gradient(135deg, #ACCF93, #B693CF);

各色を詳しく見る

#ACCF93

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

#B693CF

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

関連する比較