#7F9CD4

#7F9CD4

#D4B77F

#D4B77F

コントラスト比

1.43:1

Delta E

65.15

Very Different

50:50 ミックス

#B1A9AB

カラー値

フォーマット #7F9CD4 #D4B77F
HEX #7F9CD4 #D4B77F
RGB 127, 156, 212 212, 183, 127
HSL 219.5, 49.7%, 66.5% 39.5, 49.7%, 66.5%
HSV 219.5, 40.1%, 83.1% 39.5, 40.1%, 83.1%
CMYK 40.1%, 26.4%, 0.0%, 16.9% 0.0%, 13.7%, 40.1%, 16.9%
OKLCH 0.6925 0.0892 263.1 0.7916 0.0803 83.4

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

1.43:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #D4B77F → 背景色: #7F9CD4

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

テキスト: #7F9CD4 → 背景色: #D4B77F

色差 (Delta E)

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

グラデーション

#7F9CD4 #93A0C6 #A3A4B8 #B1A9AB #BEAD9C #CAB28E #D4B77F

カラーミキシング

#7F9CD4

100%

#9BA2BF

75:25

#B1A9AB

50:50

#C4B095

25:75

#D4B77F

100%

CSSグラデーションコード

background: linear-gradient(to right, #7F9CD4, #D4B77F);
background: linear-gradient(135deg, #7F9CD4, #D4B77F);

各色を詳しく見る

#7F9CD4

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

#D4B77F

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

関連する比較