ColorTool
Войти
#2F55F6

#2f55f6 ≈ Ultramarine Blue

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

#2f55f6 — цвет из семейства «синие»; светлота: средняя, насыщенность: яркая. В модели RGB он состоит из 18,43% красного, 33,33% зелёного и 96,47% синего; при печати в CMYK используется 80,89% голубого, 65,45% пурпурного, 0% жёлтого и 3,53% чёрного. Угол цветового тона — 228,54°, насыщенность 91,71% и светлота 57,45% в модели HSL. Это холодный цвет, который часто ассоциируется с доверием, стабильностью и сосредоточенностью. Дизайнеры обычно используют его для: технологических продуктов, финансов и банков и кнопок призыва к действию. Текст цвета «белый» на этом фоне даёт контраст 5,6:1 (WCAG AA). Ближайший именованный цвет — Ultramarine Blue (#4166f5), ΔE 5,26.

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

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

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

  1. #2f55f6
  2. #f6d02f

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

  1. #2f55f6
  2. #f66c2f
  3. #b9f62f

Аналоговая

  1. #2fb9f6
  2. #2f55f6
  3. #6c2ff6

Триада

  1. #2f55f6
  2. #f62f55
  3. #55f62f

Тетрада

  1. #2f55f6
  2. #d02ff6
  3. #f6d02f
  4. #55f62f

Квадрат

  1. #2f55f6
  2. #f62fb9
  3. #f6d02f
  4. #2ff66c

Монохромная

  1. #061e86
  2. #092fd0
  3. #2f55f6
  4. #7891f9
  5. #c2cdfc

Тени

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

  1. #2f55f6
  2. #2a4ddd
  3. #2644c5
  4. #213cac
  5. #1c3394
  6. #182b7b
  7. #132262
  8. #0e1a4a
  9. #091131
  10. #050919
  11. #000000

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

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

  1. #2f55f6
  2. #4466f7
  3. #5977f8
  4. #6d88f9
  5. #8299fa
  6. #97aafb
  7. #acbbfb
  8. #c1ccfc
  9. #d5ddfd
  10. #eaeefe
  11. #ffffff

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

#2f55f6, постепенно смешанный с серым.

  1. #2f55f6
  2. #3759ea
  3. #3f5ede
  4. #4762d3
  5. #4f66c7
  6. #586bbb
  7. #606faf
  8. #6873a3
  9. #707798
  10. #787c8c
  11. #808080

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

Ахроматопсия #686868 ≈ 0.003% мужчин
Ахроматомалия #5661b3 ≈ 0.001% мужчин
Протанопия #0071fb ≈ 1.01% мужчин
Дейтеранопия #005ef3 ≈ 1.27% мужчин
Тританопия #00819e ≈ 0.0001% мужчин
Протаномалия #0067f9 ≈ 1.08% мужчин
Дейтераномалия #005bf4 ≈ 4.63% мужчин
Тританомалия #0072c8 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-2f55f6 {
  color: #2f55f6;
}
Фон
.bg-2f55f6 {
  background-color: #2f55f6;
  color: #ffffff;
}
Рамка
.border-2f55f6 {
  border: 2px solid #2f55f6;
}
CSS-переменные
:root {
  --color-primary: #2f55f6;
  --color-primary-rgb: 47 85 246;
  --color-primary-hsl: 229 92% 57%;
}
Градиент
.gradient-2f55f6 {
  background: linear-gradient(135deg, #2f55f6, #6c2ff6);
}
Цветная тень
.shadow-2f55f6 {
  box-shadow: 0 8px 24px rgb(47 85 246 / 0.35);
}

#4166f5 Ultramarine Blue ΔE 5.26 #6050dc Majorelle Blue ΔE 5.79 #5a4fcf Iris ΔE 6.36 #4169e1 Royal Blue ΔE 6.60 #6a5acd Slate Blue ΔE 7.90 #0f52ba Sapphire ΔE 8.96 #0070ff Brandeis Blue ΔE 9.41 #d0aa09 Инвертированный #686868 Оттенки серого 

Ultramarine Blue
#2f55f6  rgb(47, 85, 246)  hsl(229, 92%, 57%)  Ultramarine Blue
#f6d02f  rgb(246, 208, 47)  hsl(49, 92%, 57%)  Jonquil
#f62f55  rgb(246, 47, 85)  hsl(349, 92%, 57%)  Folly
#55f62f  rgb(85, 246, 47)  hsl(109, 92%, 57%)  Neon Green