#0FCAB2

#0FCAB2

#CA0F27

#CA0F27

コントラスト比

2.8:1

Delta E

123.72

Very Different

50:50 ミックス

#A88569

カラー値

フォーマット #0FCAB2 #CA0F27
HEX #0FCAB2 #CA0F27
RGB 15, 202, 178 202, 15, 39
HSL 172.3, 86.2%, 42.5% 352.3, 86.2%, 42.5%
HSV 172.3, 92.6%, 79.2% 352.3, 92.6%, 79.2%
CMYK 92.6%, 0.0%, 11.9%, 20.8% 0.0%, 92.6%, 80.7%, 20.8%
OKLCH 0.7526 0.1349 180.0 0.533 0.2099 24.2

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

2.8:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CA0F27 → 背景色: #0FCAB2

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

テキスト: #0FCAB2 → 背景色: #CA0F27

色差 (Delta E)

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

グラデーション

#0FCAB2 #6FB499 #929D80 #A88569 #B86A52 #C24A3C #CA0F27

カラーミキシング

#0FCAB2

100%

#83A88D

75:25

#A88569

50:50

#BD5B47

25:75

#CA0F27

100%

CSSグラデーションコード

background: linear-gradient(to right, #0FCAB2, #CA0F27);
background: linear-gradient(135deg, #0FCAB2, #CA0F27);

各色を詳しく見る

#0FCAB2

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

#CA0F27

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

関連する比較