#42B6BA

#42B6BA

#BA4642

#BA4642

コントラスト比

2.14:1

Delta E

89.19

Very Different

50:50 ミックス

#9C847C

カラー値

フォーマット #42B6BA #BA4642
HEX #42B6BA #BA4642
RGB 66, 182, 186 186, 70, 66
HSL 182.0, 47.6%, 49.4% 2.0, 47.6%, 49.4%
HSV 182.0, 64.5%, 72.9% 2.0, 64.5%, 72.9%
CMYK 64.5%, 2.2%, 0.0%, 27.1% 0.0%, 62.4%, 64.5%, 27.1%
OKLCH 0.7137 0.1021 198.4 0.5517 0.151 25.3

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

2.14:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #BA4642 → 背景色: #42B6BA

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

テキスト: #42B6BA → 背景色: #BA4642

色差 (Delta E)

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

グラデーション

#42B6BA #70A6A5 #8A9590 #9C847C #A97168 #B35D55 #BA4642

カラーミキシング

#42B6BA

100%

#7F9D9A

75:25

#9C847C

50:50

#AE685E

25:75

#BA4642

100%

CSSグラデーションコード

background: linear-gradient(to right, #42B6BA, #BA4642);
background: linear-gradient(135deg, #42B6BA, #BA4642);

各色を詳しく見る

#42B6BA

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

#BA4642

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

関連する比較