#9FA0C7

#9FA0C7

#C7C69F

#C7C69F

コントラスト比

1.44:1

Delta E

43.88

Very Different

50:50 ミックス

#B5B3B4

カラー値

フォーマット #9FA0C7 #C7C69F
HEX #9FA0C7 #C7C69F
RGB 159, 160, 199 199, 198, 159
HSL 238.5, 26.3%, 70.2% 58.5, 26.3%, 70.2%
HSV 238.5, 20.1%, 78.0% 58.5, 20.1%, 78.0%
CMYK 20.1%, 19.6%, 0.0%, 22.0% 0.0%, 0.5%, 20.1%, 22.0%
OKLCH 0.7185 0.0564 283.7 0.8173 0.0525 106.3

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

1.44:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #C7C69F → 背景色: #9FA0C7

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

テキスト: #9FA0C7 → 背景色: #C7C69F

色差 (Delta E)

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

グラデーション

#9FA0C7 #A7A6C1 #AEACBA #B5B3B4 #BBB9AD #C1C0A6 #C7C69F

カラーミキシング

#9FA0C7

100%

#AAA9BD

75:25

#B5B3B4

50:50

#BEBCA9

25:75

#C7C69F

100%

CSSグラデーションコード

background: linear-gradient(to right, #9FA0C7, #C7C69F);
background: linear-gradient(135deg, #9FA0C7, #C7C69F);

各色を詳しく見る

#9FA0C7

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

#C7C69F

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

関連する比較