#7B81CC

#7B81CC

#CCC67B

#CCC67B

コントラスト比

2.04:1

Delta E

84.89

Very Different

50:50 ミックス

#ABA2A6

カラー値

フォーマット #7B81CC #CCC67B
HEX #7B81CC #CCC67B
RGB 123, 129, 204 204, 198, 123
HSL 235.6, 44.3%, 64.1% 55.6, 44.3%, 64.1%
HSV 235.6, 39.7%, 80.0% 55.6, 39.7%, 80.0%
CMYK 39.7%, 36.8%, 0.0%, 20.0% 0.0%, 2.9%, 39.7%, 20.0%
OKLCH 0.63 0.1125 279.2 0.8145 0.0964 104.4

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

2.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CCC67B → 背景色: #7B81CC

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

テキスト: #7B81CC → 背景色: #CCC67B

色差 (Delta E)

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

グラデーション

#7B81CC #8E8CC0 #9E97B3 #ABA2A6 #B7AE98 #C2BA8A #CCC67B

カラーミキシング

#7B81CC

100%

#9691B9

75:25

#ABA2A6

50:50

#BDB491

25:75

#CCC67B

100%

CSSグラデーションコード

background: linear-gradient(to right, #7B81CC, #CCC67B);
background: linear-gradient(135deg, #7B81CC, #CCC67B);

各色を詳しく見る

#7B81CC

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

#CCC67B

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

関連する比較