#46A9CF

#46A9CF

#CF6C46

#CF6C46

コントラスト比

1.33:1

Delta E

85.33

Very Different

50:50 ミックス

#A78D8A

カラー値

フォーマット #46A9CF #CF6C46
HEX #46A9CF #CF6C46
RGB 70, 169, 207 207, 108, 70
HSL 196.6, 58.8%, 54.3% 16.6, 58.8%, 54.3%
HSV 196.6, 66.2%, 81.2% 16.6, 66.2%, 81.2%
CMYK 66.2%, 18.4%, 0.0%, 18.8% 0.0%, 47.8%, 66.2%, 18.8%
OKLCH 0.6921 0.1066 226.9 0.6387 0.1358 41.2

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

1.33:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CF6C46 → 背景色: #46A9CF

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

テキスト: #46A9CF → 背景色: #CF6C46

色差 (Delta E)

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

グラデーション

#46A9CF #76A0B8 #9396A0 #A78D8A #B78373 #C4785D #CF6C46

カラーミキシング

#46A9CF

100%

#869BAC

75:25

#A78D8A

50:50

#BE7D68

25:75

#CF6C46

100%

CSSグラデーションコード

background: linear-gradient(to right, #46A9CF, #CF6C46);
background: linear-gradient(135deg, #46A9CF, #CF6C46);

各色を詳しく見る

#46A9CF

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

#CF6C46

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

関連する比較