ColorTool
Войти
#6368A4

#6368a4 ≈ Slate Blue

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

#6368a4 — цвет из семейства «синие»; светлота: средняя, насыщенность: умеренная. В модели RGB он состоит из 38,82% красного, 40,78% зелёного и 64,31% синего; при печати в CMYK используется 39,63% голубого, 36,59% пурпурного, 0% жёлтого и 35,69% чёрного. Угол цветового тона — 235,38°, насыщенность 26,32% и светлота 51,57% в модели HSL. Это холодный цвет, который часто ассоциируется с доверием, стабильностью и сосредоточенностью. Дизайнеры обычно используют его для: технологических продуктов, финансов и банков и фирменных акцентов. Текст цвета «белый» на этом фоне даёт контраст 5,19:1 (WCAG AA). Ближайший именованный цвет — Slate Blue (#6a5acd), ΔE 8,87.

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

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

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

  1. #6368a4
  2. #a49f63

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

  1. #6368a4
  2. #a47e63
  3. #89a463

Аналоговая

  1. #6389a4
  2. #6368a4
  3. #7e63a4

Триада

  1. #6368a4
  2. #a46368
  3. #68a463

Тетрада

  1. #6368a4
  2. #9f63a4
  3. #a49f63
  4. #68a463

Квадрат

  1. #6368a4
  2. #a46389
  3. #a49f63
  4. #63a47e

Монохромная

  1. #292b45
  2. #454876
  3. #6368a4
  4. #9397c0
  5. #c4c6dc

Тени

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

  1. #6368a4
  2. #595e94
  3. #4f5383
  4. #454973
  5. #3b3e62
  6. #323452
  7. #282a42
  8. #1e1f31
  9. #141521
  10. #0a0a10
  11. #000000

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

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

  1. #6368a4
  2. #7377ad
  3. #8286b6
  4. #9295bf
  5. #a1a4c8
  6. #b1b4d2
  7. #c1c3db
  8. #d0d2e4
  9. #e0e1ed
  10. #eff0f6
  11. #ffffff

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

#6368a4, постепенно смешанный с серым.

  1. #6368a4
  2. #666aa0
  3. #696d9d
  4. #6c6f99
  5. #6f7296
  6. #727492
  7. #74768e
  8. #77798b
  9. #7a7b87
  10. #7d7e84
  11. #808080

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

Ахроматопсия #6d6d6d ≈ 0.003% мужчин
Ахроматомалия #696b86 ≈ 0.001% мужчин
Протанопия #546fa6 ≈ 1.01% мужчин
Дейтеранопия #506ba3 ≈ 1.27% мужчин
Тританопия #50747e ≈ 0.0001% мужчин
Протаномалия #5a6ca5 ≈ 1.08% мужчин
Дейтераномалия #586aa3 ≈ 4.63% мужчин
Тританомалия #586f8f ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-6368a4 {
  color: #6368a4;
}
Фон
.bg-6368a4 {
  background-color: #6368a4;
  color: #ffffff;
}
Рамка
.border-6368a4 {
  border: 2px solid #6368a4;
}
CSS-переменные
:root {
  --color-primary: #6368a4;
  --color-primary-rgb: 99 104 164;
  --color-primary-hsl: 235 26% 52%;
}
Градиент
.gradient-6368a4 {
  background: linear-gradient(135deg, #6368a4, #7e63a4);
}
Цветная тень
.shadow-6368a4 {
  box-shadow: 0 8px 24px rgb(99 104 164 / 0.35);
}

#6a5acd Slate Blue ΔE 8.87 #436b95 Queen Blue ΔE 9.29 #7851a9 Royal Purple ΔE 10.52 #4169e1 Royal Blue ΔE 10.59 #6082b6 Glaucous ΔE 10.96 #5a4fcf Iris ΔE 11.06 #1560bd Denim ΔE 11.69 #9c975b Инвертированный #6d6d6d Оттенки серого 

Slate Blue
#6368a4  rgb(99, 104, 164)  hsl(235, 26%, 52%)  Slate Blue
#a49f63  rgb(164, 159, 99)  hsl(55, 26%, 52%)  Moss Green
#a46368  rgb(164, 99, 104)  hsl(355, 26%, 52%)  Copper Rose
#68a463  rgb(104, 164, 99)  hsl(115, 26%, 52%)  Asparagus