ColorTool
Войти
#5FB7A5

#5fb7a5 ≈ Verdigris

  • сине-зелёные
  • Светлота: средняя
  • Насыщенность: умеренная
  • Холодный
Проверить контраст Открыть в графе Случайный цвет

#5fb7a5 — цвет из семейства «сине-зелёные»; светлота: средняя, насыщенность: умеренная. В модели RGB он состоит из 37,25% красного, 71,76% зелёного и 64,71% синего; при печати в CMYK используется 48,09% голубого, 0% пурпурного, 9,84% жёлтого и 28,24% чёрного. Угол цветового тона — 167,73°, насыщенность 37,93% и светлота 54,51% в модели HSL. Это холодный цвет, который часто ассоциируется с ясностью, спокойствием и обновлением. Дизайнеры обычно используют его для: здоровья и велнеса, технологических продуктов и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 8,8:1 (WCAG AAA). Ближайший именованный цвет — Verdigris (#43b3ae), ΔE 5,49.

Описание создано на основе измеренных свойств этого цвета.

HEX
RGB
RGB в процентах
CMY
CMYK
HSL
HSV / HSB
Безопасный веб-цвет#66cc99
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Двоичный
Десятичный
Относительная яркость0.3902

Комплементарная

  1. #5fb7a5
  2. #b75f71

Расщеплённая комплементарная

  1. #5fb7a5
  2. #b75f9d
  3. #b7795f

Аналоговая

  1. #5fb779
  2. #5fb7a5
  3. #5f9db7

Триада

  1. #5fb7a5
  2. #a55fb7
  3. #b7a55f

Тетрада

  1. #5fb7a5
  2. #5f71b7
  3. #b75f71
  4. #b7a55f

Квадрат

  1. #5fb7a5
  2. #795fb7
  3. #b75f71
  4. #9db75f

Монохромная

  1. #27564d
  2. #3f8b7b
  3. #5fb7a5
  4. #94cfc3
  5. #c9e6e0

Тени

#5fb7a5, постепенно смешанный с чёрным.

  1. #5fb7a5
  2. #56a595
  3. #4c9284
  4. #438074
  5. #396e63
  6. #305c53
  7. #264942
  8. #1d3732
  9. #132521
  10. #0a1211
  11. #000000

Светлые оттенки

#5fb7a5, постепенно смешанный с белым.

  1. #5fb7a5
  2. #6fbeae
  3. #7fc5b7
  4. #8fcdc0
  5. #9fd4c9
  6. #afdbd2
  7. #bfe2db
  8. #cfe9e4
  9. #dff1ed
  10. #eff8f6
  11. #ffffff

Приглушённые оттенки

#5fb7a5, постепенно смешанный с серым.

  1. #5fb7a5
  2. #62b2a1
  3. #66ac9e
  4. #69a79a
  5. #6ca196
  6. #709c93
  7. #73968f
  8. #76918b
  9. #798b87
  10. #7d8684
  11. #808080

Читаемый текст 2.39:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Читаемый текст 8.8:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Ахроматопсия #a8a8a8 ≈ 0.003% мужчин
Ахроматомалия #90aea7 ≈ 0.001% мужчин
Протанопия #b1aea4 ≈ 1.01% мужчин
Дейтеранопия #a3a3a6 ≈ 1.27% мужчин
Тританопия #38b9b1 ≈ 0.0001% мужчин
Протаномалия #97b2a5 ≈ 1.08% мужчин
Дейтераномалия #8caca6 ≈ 4.63% мужчин
Тританомалия #4bb8ad ≈ 0.0002% мужчин
Смоделировать на своём изображении

Текст этого цвета

Фон этого цвета

Рамка этого цвета

Цвет текста
.text-5fb7a5 {
  color: #5fb7a5;
}
Фон
.bg-5fb7a5 {
  background-color: #5fb7a5;
  color: #000000;
}
Рамка
.border-5fb7a5 {
  border: 2px solid #5fb7a5;
}
CSS-переменные
:root {
  --color-primary: #5fb7a5;
  --color-primary-rgb: 95 183 165;
  --color-primary-hsl: 168 38% 55%;
}
Градиент
.gradient-5fb7a5 {
  background: linear-gradient(135deg, #5fb7a5, #5f9db7);
}
Цветная тень
.shadow-5fb7a5 {
  box-shadow: 0 8px 24px rgb(95 183 165 / 0.35);
}

#43b3ae Verdigris ΔE 5.49 #20b2aa Light Sea Green ΔE 5.84 #0abab5 Tiffany Blue ΔE 6.74 #66cdaa Medium Aquamarine ΔE 7.34 #00a693 Persian Green ΔE 7.37 #29ab87 Jungle Green ΔE 7.89 #3eb489 Mint ΔE 7.97 #a0485a Инвертированный #a8a8a8 Оттенки серого 

Verdigris
#5fb7a5  rgb(95, 183, 165)  hsl(168, 38%, 55%)  Verdigris
#b75f71  rgb(183, 95, 113)  hsl(348, 38%, 55%)  Rose Gold
#a55fb7  rgb(165, 95, 183)  hsl(288, 38%, 55%)  Purpureus
#b7a55f  rgb(183, 165, 95)  hsl(48, 38%, 55%)  Brass