#758ACF

#758ACF

#CFBA75

#CFBA75

コントラスト比

1.74:1

Delta E

78.56

Very Different

50:50 ミックス

#ABA1A4

カラー値

フォーマット #758ACF #CFBA75
HEX #758ACF #CFBA75
RGB 117, 138, 207 207, 186, 117
HSL 226.0, 48.4%, 63.5% 46.0, 48.4%, 63.5%
HSV 226.0, 43.5%, 81.2% 46.0, 43.5%, 81.2%
CMYK 43.5%, 33.3%, 0.0%, 18.8% 0.0%, 10.1%, 43.5%, 18.8%
OKLCH 0.6457 0.1065 270.3 0.7913 0.0917 93.1

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

1.74:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CFBA75 → 背景色: #758ACF

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

テキスト: #758ACF → 背景色: #CFBA75

色差 (Delta E)

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

グラデーション

#758ACF #8B91C1 #9C99B2 #ABA1A4 #B8A995 #C4B285 #CFBA75

カラーミキシング

#758ACF

100%

#9495BA

75:25

#ABA1A4

50:50

#BEAD8D

25:75

#CFBA75

100%

CSSグラデーションコード

background: linear-gradient(to right, #758ACF, #CFBA75);
background: linear-gradient(135deg, #758ACF, #CFBA75);

各色を詳しく見る

#758ACF

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

#CFBA75

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

関連する比較