#0DA9B2

#0DA9B2

#B2160D

#B2160D

コントラスト比

2.43:1

Delta E

112.27

Very Different

50:50 ミックス

#97705E

カラー値

フォーマット #0DA9B2 #B2160D
HEX #0DA9B2 #B2160D
RGB 13, 169, 178 178, 22, 13
HSL 183.3, 86.4%, 37.5% 3.3, 86.4%, 37.5%
HSV 183.3, 92.7%, 69.8% 3.3, 92.7%, 69.8%
CMYK 92.7%, 5.1%, 0.0%, 30.2% 0.0%, 87.6%, 92.7%, 30.2%
OKLCH 0.6694 0.1122 201.6 0.4878 0.1886 29.4

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

2.43:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #B2160D → 背景色: #0DA9B2

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

テキスト: #0DA9B2 → 背景色: #B2160D

色差 (Delta E)

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

グラデーション

#0DA9B2 #659795 #848479 #97705E #A45A43 #AC4029 #B2160D

カラーミキシング

#0DA9B2

100%

#768D87

75:25

#97705E

50:50

#A84D36

25:75

#B2160D

100%

CSSグラデーションコード

background: linear-gradient(to right, #0DA9B2, #B2160D);
background: linear-gradient(135deg, #0DA9B2, #B2160D);

各色を詳しく見る

#0DA9B2

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

#B2160D

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

関連する比較