ColorTool
Войти
#1F5BEE

#1f5bee ≈ Ultramarine Blue

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

#1f5bee — цвет из семейства «синие»; светлота: средняя, насыщенность: яркая. В модели RGB он состоит из 12,16% красного, 35,69% зелёного и 93,33% синего; при печати в CMYK используется 86,97% голубого, 61,76% пурпурного, 0% жёлтого и 6,67% чёрного. Угол цветового тона — 222,61°, насыщенность 85,89% и светлота 52,75% в модели HSL. Это холодный цвет, который часто ассоциируется с доверием, стабильностью и сосредоточенностью. Дизайнеры обычно используют его для: технологических продуктов, финансов и банков и кнопок призыва к действию. Текст цвета «белый» на этом фоне даёт контраст 5,54:1 (WCAG AA). Ближайший именованный цвет — Ultramarine Blue (#4166f5), ΔE 4,3.

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

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

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

  1. #1f5bee
  2. #eeb21f

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

  1. #1f5bee
  2. #ee4b1f
  3. #c3ee1f

Аналоговая

  1. #1fc3ee
  2. #1f5bee
  3. #4b1fee

Триада

  1. #1f5bee
  2. #ee1f5b
  3. #5bee1f

Тетрада

  1. #1f5bee
  2. #b21fee
  3. #eeb21f
  4. #5bee1f

Квадрат

  1. #1f5bee
  2. #ee1fc3
  3. #eeb21f
  4. #1fee4b

Монохромная

  1. #08256c
  2. #0e3eb3
  3. #1f5bee
  4. #668ff3
  5. #adc3f9

Тени

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

  1. #1f5bee
  2. #1c52d6
  3. #1949be
  4. #1640a7
  5. #13378f
  6. #102e77
  7. #0c245f
  8. #091b47
  9. #061230
  10. #030918
  11. #000000

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

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

  1. #1f5bee
  2. #356bf0
  3. #4c7cf1
  4. #628cf3
  5. #799df5
  6. #8fadf7
  7. #a5bdf8
  8. #bccefa
  9. #d2defc
  10. #e9effd
  11. #ffffff

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

#1f5bee, постепенно смешанный с серым.

  1. #1f5bee
  2. #295fe3
  3. #3262d8
  4. #3c66cd
  5. #466ac2
  6. #506eb7
  7. #5971ac
  8. #6375a1
  9. #6d7996
  10. #767c8b
  11. #808080

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

Ахроматопсия #686868 ≈ 0.003% мужчин
Ахроматомалия #5463ae ≈ 0.001% мужчин
Протанопия #0072f3 ≈ 1.01% мужчин
Дейтеранопия #005feb ≈ 1.27% мужчин
Тританопия #00829c ≈ 0.0001% мужчин
Протаномалия #006af1 ≈ 1.08% мужчин
Дейтераномалия #005dec ≈ 4.63% мужчин
Тританомалия #0074c2 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-1f5bee {
  color: #1f5bee;
}
Фон
.bg-1f5bee {
  background-color: #1f5bee;
  color: #ffffff;
}
Рамка
.border-1f5bee {
  border: 2px solid #1f5bee;
}
CSS-переменные
:root {
  --color-primary: #1f5bee;
  --color-primary-rgb: 31 91 238;
  --color-primary-hsl: 223 86% 53%;
}
Градиент
.gradient-1f5bee {
  background: linear-gradient(135deg, #1f5bee, #4b1fee);
}
Цветная тень
.shadow-1f5bee {
  box-shadow: 0 8px 24px rgb(31 91 238 / 0.35);
}

#4166f5 Ultramarine Blue ΔE 4.30 #4169e1 Royal Blue ΔE 4.72 #1560bd Denim ΔE 7.41 #0070ff Brandeis Blue ΔE 7.55 #0f52ba Sapphire ΔE 7.59 #6050dc Majorelle Blue ΔE 7.63 #5a4fcf Iris ΔE 7.76 #e0a411 Инвертированный #686868 Оттенки серого 

Ultramarine Blue
#1f5bee  rgb(31, 91, 238)  hsl(223, 86%, 53%)  Ultramarine Blue
#eeb21f  rgb(238, 178, 31)  hsl(43, 86%, 53%)  Meat Brown
#ee1f5b  rgb(238, 31, 91)  hsl(343, 86%, 53%)  Amaranth
#5bee1f  rgb(91, 238, 31)  hsl(103, 86%, 53%)  Harlequin