ColorTool
Войти
#5F87AF

#5f87af ≈ Glaucous

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

#5f87af — цвет из семейства «лазурные»; светлота: средняя, насыщенность: умеренная. В модели RGB он состоит из 37,25% красного, 52,94% зелёного и 68,63% синего; при печати в CMYK используется 45,71% голубого, 22,86% пурпурного, 0% жёлтого и 31,37% чёрного. Угол цветового тона — 210°, насыщенность 33,33% и светлота 52,94% в модели HSL. Это холодный цвет, который часто ассоциируется с открытостью, свободой и спокойствием. Дизайнеры обычно используют его для: технологических продуктов, финансов и банков и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 5,57:1 (WCAG AA). Ближайший именованный цвет — Glaucous (#6082b6), ΔE 3,32.

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

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

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

  1. #5f87af
  2. #af875f

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

  1. #5f87af
  2. #af5f5f
  3. #afaf5f

Аналоговая

  1. #5fafaf
  2. #5f87af
  3. #5f5faf

Триада

  1. #5f87af
  2. #af5f87
  3. #87af5f

Тетрада

  1. #5f87af
  2. #875faf
  3. #af875f
  4. #87af5f

Квадрат

  1. #5f87af
  2. #af5faf
  3. #af875f
  4. #5faf5f

Монохромная

  1. #273a4e
  2. #416181
  3. #5f87af
  4. #92adc8
  5. #c5d3e2

Тени

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

  1. #5f87af
  2. #567a9e
  3. #4c6c8c
  4. #435f7b
  5. #395169
  6. #304458
  7. #263646
  8. #1d2935
  9. #131b23
  10. #0a0e12
  11. #000000

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

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

  1. #5f87af
  2. #6f93b7
  3. #7f9fbf
  4. #8fabc7
  5. #9fb7cf
  6. #afc3d7
  7. #bfcfdf
  8. #cfdbe7
  9. #dfe7ef
  10. #eff3f7
  11. #ffffff

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

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

  1. #5f87af
  2. #6286aa
  3. #6686a6
  4. #6985a1
  5. #6c849c
  6. #708498
  7. #738393
  8. #76828e
  9. #798189
  10. #7d8185
  11. #808080

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

Ахроматопсия #838383 ≈ 0.003% мужчин
Ахроматомалия #778597 ≈ 0.001% мужчин
Протанопия #7788b1 ≈ 1.01% мужчин
Дейтеранопия #6d80ae ≈ 1.27% мужчин
Тританопия #3e9094 ≈ 0.0001% мужчин
Протаномалия #6e88b0 ≈ 1.08% мужчин
Дейтераномалия #6883af ≈ 4.63% мужчин
Тританомалия #4d8da0 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

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

#6082b6 Glaucous ΔE 3.32 #4682b4 Steel Blue ΔE 3.97 #5d8aa8 Air Force Blue ΔE 4.00 #417dc1 Tufts Blue ΔE 5.27 #5b92e5 United Nations Blue ΔE 6.84 #318ce7 Bleu de France ΔE 6.85 #778899 Light Slate Gray ΔE 7.62 #a07850 Инвертированный #838383 Оттенки серого 

Glaucous
#5f87af  rgb(95, 135, 175)  hsl(210, 33%, 53%)  Glaucous
#af875f  rgb(175, 135, 95)  hsl(30, 33%, 53%)  Cafe au Lait
#af5f87  rgb(175, 95, 135)  hsl(330, 33%, 53%)  Mulberry
#87af5f  rgb(135, 175, 95)  hsl(90, 33%, 53%)  Asparagus