#21A4BC

#21A4BC

#BC3921

#BC3921

コントラスト比

1.9:1

Delta E

102.17

Very Different

50:50 ミックス

#9B766D

カラー値

フォーマット #21A4BC #BC3921
HEX #21A4BC #BC3921
RGB 33, 164, 188 188, 57, 33
HSL 189.3, 70.1%, 43.3% 9.3, 70.1%, 43.3%
HSV 189.3, 82.4%, 73.7% 9.3, 82.4%, 73.7%
CMYK 82.4%, 12.8%, 0.0%, 26.3% 0.0%, 69.7%, 82.4%, 26.3%
OKLCH 0.6632 0.1099 213.9 0.5355 0.1716 32.6

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

1.9:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #BC3921 → 背景色: #21A4BC

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

テキスト: #21A4BC → 背景色: #BC3921

色差 (Delta E)

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

グラデーション

#21A4BC #6895A1 #878686 #9B766D #A96553 #B4513A #BC3921

カラーミキシング

#21A4BC

100%

#798E94

75:25

#9B766D

50:50

#AF5B47

25:75

#BC3921

100%

CSSグラデーションコード

background: linear-gradient(to right, #21A4BC, #BC3921);
background: linear-gradient(135deg, #21A4BC, #BC3921);

各色を詳しく見る

#21A4BC

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

#BC3921

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

関連する比較