#2FAAAF

#2FAAAF

#AF342F

#AF342F

コントラスト比

2.23:1

Delta E

94.27

Very Different

50:50 ミックス

#93776C

カラー値

フォーマット #2FAAAF #AF342F
HEX #2FAAAF #AF342F
RGB 47, 170, 175 175, 52, 47
HSL 182.3, 57.7%, 43.5% 2.3, 57.7%, 43.5%
HSV 182.3, 73.1%, 68.6% 2.3, 73.1%, 68.6%
CMYK 73.1%, 2.9%, 0.0%, 31.4% 0.0%, 70.3%, 73.1%, 31.4%
OKLCH 0.6755 0.1036 199.1 0.5092 0.1602 26.8

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

2.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #AF342F → 背景色: #2FAAAF

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

テキスト: #2FAAAF → 背景色: #AF342F

色差 (Delta E)

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

グラデーション

#2FAAAF #669998 #818882 #93776C #9F6457 #A94E43 #AF342F

カラーミキシング

#2FAAAF

100%

#75918D

75:25

#93776C

50:50

#A4594D

25:75

#AF342F

100%

CSSグラデーションコード

background: linear-gradient(to right, #2FAAAF, #AF342F);
background: linear-gradient(135deg, #2FAAAF, #AF342F);

各色を詳しく見る

#2FAAAF

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

#AF342F

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

関連する比較