ColorTool
Войти
#2282B3

#2282b3 ≈ Cerulean

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

#2282b3 — цвет из семейства «лазурные»; светлота: средняя, насыщенность: сильная. В модели RGB он состоит из 13,33% красного, 50,98% зелёного и 70,2% синего; при печати в CMYK используется 81,01% голубого, 27,37% пурпурного, 0% жёлтого и 29,8% чёрного. Угол цветового тона — 200,28°, насыщенность 68,08% и светлота 41,76% в модели HSL. Это холодный цвет, который часто ассоциируется с открытостью, свободой и спокойствием. Дизайнеры обычно используют его для: технологических продуктов, финансов и банков и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 4,91:1 (WCAG AA). Ближайший именованный цвет — Cerulean (#007ba7), ΔE 3,59.

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

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

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

  1. #2282b3
  2. #b35322

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

  1. #2282b3
  2. #b32239
  3. #b39b22

Аналоговая

  1. #22b39b
  2. #2282b3
  3. #2239b3

Триада

  1. #2282b3
  2. #b32282
  3. #82b322

Тетрада

  1. #2282b3
  2. #5322b3
  3. #b35322
  4. #82b322

Квадрат

  1. #2282b3
  2. #9b22b3
  3. #b35322
  4. #39b322

Монохромная

  1. #0a2532
  2. #165373
  3. #2282b3
  4. #46a9dc
  5. #86c7e8

Тени

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

  1. #2282b3
  2. #1f75a1
  3. #1b688f
  4. #185b7d
  5. #144e6b
  6. #11415a
  7. #0e3448
  8. #0a2736
  9. #071a24
  10. #030d12
  11. #000000

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

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

  1. #2282b3
  2. #388fbb
  3. #4e9bc2
  4. #64a8ca
  5. #7ab4d1
  6. #91c1d9
  7. #a7cde1
  8. #bddae8
  9. #d3e6f0
  10. #e9f3f7
  11. #ffffff

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

#2282b3, постепенно смешанный с серым.

  1. #2282b3
  2. #2b82ae
  3. #3582a9
  4. #3e81a4
  5. #48819f
  6. #51819a
  7. #5a8194
  8. #64818f
  9. #6d808a
  10. #778085
  11. #808080

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

Ахроматопсия #7a7a7a ≈ 0.003% мужчин
Ахроматомалия #637d94 ≈ 0.001% мужчин
Протанопия #6a82b5 ≈ 1.01% мужчин
Дейтеранопия #5774b2 ≈ 1.27% мужчин
Тританопия #008f93 ≈ 0.0001% мужчин
Протаномалия #5682b4 ≈ 1.08% мужчин
Дейтераномалия #477ab3 ≈ 4.63% мужчин
Тританомалия #008aa1 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-2282b3 {
  color: #2282b3;
}
Фон
.bg-2282b3 {
  background-color: #2282b3;
  color: #000000;
}
Рамка
.border-2282b3 {
  border: 2px solid #2282b3;
}
CSS-переменные
:root {
  --color-primary: #2282b3;
  --color-primary-rgb: 34 130 179;
  --color-primary-hsl: 200 68% 42%;
}
Градиент
.gradient-2282b3 {
  background: linear-gradient(135deg, #2282b3, #2239b3);
}
Цветная тень
.shadow-2282b3 {
  box-shadow: 0 8px 24px rgb(34 130 179 / 0.35);
}

#007ba7 Cerulean ΔE 3.59 #4682b4 Steel Blue ΔE 4.27 #5d8aa8 Air Force Blue ΔE 6.74 #417dc1 Tufts Blue ΔE 6.97 #0072bb French Blue ΔE 7.37 #0073cf True Blue ΔE 8.51 #318ce7 Bleu de France ΔE 8.78 #dd7d4c Инвертированный #7a7a7a Оттенки серого 

Cerulean
#2282b3  rgb(34, 130, 179)  hsl(200, 68%, 42%)  Cerulean
#b35322  rgb(179, 83, 34)  hsl(20, 68%, 42%)  Rust
#b32282  rgb(179, 34, 130)  hsl(320, 68%, 42%)  Medium Violet Red
#82b322  rgb(130, 179, 34)  hsl(80, 68%, 42%)  Apple Green