ColorTool
Войти
#222DE7

#222de7 ≈ Blue

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

#222de7 — цвет из семейства «синие»; светлота: средняя, насыщенность: яркая. В модели RGB он состоит из 13,33% красного, 17,65% зелёного и 90,59% синего; при печати в CMYK используется 85,28% голубого, 80,52% пурпурного, 0% жёлтого и 9,41% чёрного. Угол цветового тона — 236,65°, насыщенность 80,41% и светлота 51,96% в модели HSL. Это холодный цвет, который часто ассоциируется с доверием, стабильностью и сосредоточенностью. Дизайнеры обычно используют его для: технологических продуктов, финансов и банков и кнопок призыва к действию. Текст цвета «белый» на этом фоне даёт контраст 8,09:1 (WCAG AAA). Ближайший именованный цвет — Blue (#0000ff), ΔE 4,25.

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

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

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

  1. #222de7
  2. #e7dc22

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

  1. #222de7
  2. #e77922
  3. #8fe722

Аналоговая

  1. #228fe7
  2. #222de7
  3. #7922e7

Триада

  1. #222de7
  2. #e7222d
  3. #2de722

Тетрада

  1. #222de7
  2. #dc22e7
  3. #e7dc22
  4. #2de722

Квадрат

  1. #222de7
  2. #e7228f
  3. #e7dc22
  4. #22e779

Монохромная

  1. #0b1065
  2. #121baa
  3. #222de7
  4. #676fee
  5. #acb0f6

Тени

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

  1. #222de7
  2. #1f29d0
  3. #1b24b9
  4. #1820a2
  5. #141b8b
  6. #111774
  7. #0e125c
  8. #0a0e45
  9. #07092e
  10. #030517
  11. #000000

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

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

  1. #222de7
  2. #3842e9
  3. #4e57ec
  4. #646cee
  5. #7a81f1
  6. #9196f3
  7. #a7abf5
  8. #bdc0f8
  9. #d3d5fa
  10. #e9eafd
  11. #ffffff

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

#222de7, постепенно смешанный с серым.

  1. #222de7
  2. #2b35dd
  3. #353ed2
  4. #3e46c8
  5. #484ebe
  6. #5157b4
  7. #5a5fa9
  8. #64679f
  9. #6d6f95
  10. #77788a
  11. #808080

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

Ахроматопсия #505050 ≈ 0.003% мужчин
Ахроматомалия #4244a3 ≈ 0.001% мужчин
Протанопия #005aec ≈ 1.01% мужчин
Дейтеранопия #0045e4 ≈ 1.27% мужчин
Тританопия #00698c ≈ 0.0001% мужчин
Протаномалия #004cea ≈ 1.08% мужчин
Дейтераномалия #003de5 ≈ 4.63% мужчин
Тританомалия #0057b7 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-222de7 {
  color: #222de7;
}
Фон
.bg-222de7 {
  background-color: #222de7;
  color: #ffffff;
}
Рамка
.border-222de7 {
  border: 2px solid #222de7;
}
CSS-переменные
:root {
  --color-primary: #222de7;
  --color-primary-rgb: 34 45 231;
  --color-primary-hsl: 237 80% 52%;
}
Градиент
.gradient-222de7 {
  background: linear-gradient(135deg, #222de7, #7922e7);
}
Цветная тень
.shadow-222de7 {
  box-shadow: 0 8px 24px rgb(34 45 231 / 0.35);
}

#0000ff Blue ΔE 4.25 #3f00ff Ultramarine ΔE 4.61 #5218fa Han Purple ΔE 4.78 #1c39bb Persian Blue ΔE 6.16 #0000cd Medium Blue ΔE 7.37 #4f42b5 Ocean Blue ΔE 7.72 #6f00ff Electric Indigo ΔE 7.79 #ddd218 Инвертированный #505050 Оттенки серого 

Blue
#222de7  rgb(34, 45, 231)  hsl(237, 80%, 52%)  Blue
#e7dc22  rgb(231, 220, 34)  hsl(57, 80%, 52%)  Dandelion
#e7222d  rgb(231, 34, 45)  hsl(357, 80%, 52%)  Cadmium Red
#2de722  rgb(45, 231, 34)  hsl(117, 80%, 52%)  Lime