ColorTool
Войти
#7B8ED4

#7b8ed4 ≈ Cornflower Blue

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

#7b8ed4 — цвет из семейства «синие»; светлота: высокая, насыщенность: умеренная. В модели RGB он состоит из 48,24% красного, 55,69% зелёного и 83,14% синего; при печати в CMYK используется 41,98% голубого, 33,02% пурпурного, 0% жёлтого и 16,86% чёрного. Угол цветового тона — 227,19°, насыщенность 50,86% и светлота 65,69% в модели HSL. Это холодный цвет, который часто ассоциируется с доверием, стабильностью и сосредоточенностью. Дизайнеры обычно используют его для: технологических продуктов, финансов и банков и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 6,66:1 (WCAG AA). Ближайший именованный цвет — Cornflower Blue (#6495ed), ΔE 6,66.

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

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

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

  1. #7b8ed4
  2. #d4c17b

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

  1. #7b8ed4
  2. #d4957b
  3. #bbd47b

Аналоговая

  1. #7bbbd4
  2. #7b8ed4
  3. #957bd4

Триада

  1. #7b8ed4
  2. #d47b8e
  3. #8ed47b

Тетрада

  1. #7b8ed4
  2. #c17bd4
  3. #d4c17b
  4. #8ed47b

Квадрат

  1. #7b8ed4
  2. #d47bbb
  3. #d4c17b
  4. #7bd495

Монохромная

  1. #2d4089
  2. #415dc1
  3. #7b8ed4
  4. #b5bfe7
  5. #eef1fa

Тени

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

  1. #7b8ed4
  2. #6f80bf
  3. #6272aa
  4. #566394
  5. #4a557f
  6. #3e476a
  7. #313955
  8. #252b40
  9. #191c2a
  10. #0c0e15
  11. #000000

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

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

  1. #7b8ed4
  2. #8899d8
  3. #95a5dd
  4. #a3b0e1
  5. #b0bbe5
  6. #bdc7ea
  7. #cad2ee
  8. #d7ddf2
  9. #e5e8f6
  10. #f2f4fb
  11. #ffffff

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

#7b8ed4, постепенно смешанный с серым.

  1. #7b8ed4
  2. #7c8dcc
  3. #7c8bc3
  4. #7d8abb
  5. #7d88b2
  6. #7e87aa
  7. #7e86a2
  8. #7f8499
  9. #7f8391
  10. #808188
  11. #808080

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

Ахроматопсия #919191 ≈ 0.003% мужчин
Ахроматомалия #8990b0 ≈ 0.001% мужчин
Протанопия #7695d7 ≈ 1.01% мужчин
Дейтеранопия #6e8ed2 ≈ 1.27% мужчин
Тританопия #5d9ca7 ≈ 0.0001% мужчин
Протаномалия #7892d6 ≈ 1.08% мужчин
Дейтераномалия #738ed3 ≈ 4.63% мужчин
Тританомалия #6a97bb ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-7b8ed4 {
  color: #7b8ed4;
}
Фон
.bg-7b8ed4 {
  background-color: #7b8ed4;
  color: #000000;
}
Рамка
.border-7b8ed4 {
  border: 2px solid #7b8ed4;
}
CSS-переменные
:root {
  --color-primary: #7b8ed4;
  --color-primary-rgb: 123 142 212;
  --color-primary-hsl: 227 51% 66%;
}
Градиент
.gradient-7b8ed4 {
  background: linear-gradient(135deg, #7b8ed4, #957bd4);
}
Цветная тень
.shadow-7b8ed4 {
  box-shadow: 0 8px 24px rgb(123 142 212 / 0.35);
}

#6495ed Cornflower Blue ΔE 6.66 #6082b6 Glaucous ΔE 6.95 #5b92e5 United Nations Blue ΔE 7.30 #71a6d2 Iceberg ΔE 10.44 #5d8aa8 Air Force Blue ΔE 10.51 #8c92ac Cool Gray ΔE 10.65 #778899 Light Slate Gray ΔE 10.94 #84712b Инвертированный #919191 Оттенки серого 

Cornflower Blue
#7b8ed4  rgb(123, 142, 212)  hsl(227, 51%, 66%)  Cornflower Blue
#d4c17b  rgb(212, 193, 123)  hsl(47, 51%, 66%)  Dark Khaki
#d47b8e  rgb(212, 123, 142)  hsl(347, 51%, 66%)  Pale Violet Red
#8ed47b  rgb(142, 212, 123)  hsl(107, 51%, 66%)  Pastel Green