ColorTool
Войти
#333F49

#333f49 ≈ Charcoal

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

#333f49 — цвет из семейства «лазурные»; светлота: низкая, насыщенность: приглушённая. В модели RGB он состоит из 20% красного, 24,71% зелёного и 28,63% синего; при печати в CMYK используется 30,14% голубого, 13,7% пурпурного, 0% жёлтого и 71,37% чёрного. Угол цветового тона — 207,27°, насыщенность 17,74% и светлота 24,31% в модели HSL. Это холодный цвет, который часто ассоциируется с открытостью, свободой и спокойствием. Дизайнеры обычно используют его для: технологических продуктов, финансов и банков и корпоративного стиля. Текст цвета «белый» на этом фоне даёт контраст 10,78:1 (WCAG AAA). Ближайший именованный цвет — Charcoal (#36454f), ΔE 2,23.

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

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

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

  1. #333f49
  2. #493d33

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

  1. #333f49
  2. #493334
  3. #494833

Аналоговая

  1. #334948
  2. #333f49
  3. #333449

Триада

  1. #333f49
  2. #49333f
  3. #3f4933

Тетрада

  1. #333f49
  2. #3d3349
  3. #493d33
  4. #3f4933

Квадрат

  1. #333f49
  2. #483349
  3. #493d33
  4. #344933

Монохромная

  1. #080a0c
  2. #14181c
  3. #333f49
  4. #526676
  5. #768c9f

Тени

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

  1. #333f49
  2. #2e3942
  3. #29323a
  4. #242c33
  5. #1f262c
  6. #1a2025
  7. #14191d
  8. #0f1316
  9. #0a0d0f
  10. #050607
  11. #000000

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

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

  1. #333f49
  2. #47525b
  3. #5c656d
  4. #707980
  5. #858c92
  6. #999fa4
  7. #adb2b6
  8. #c2c5c8
  9. #d6d9db
  10. #ebeced
  11. #ffffff

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

#333f49, постепенно смешанный с серым.

  1. #333f49
  2. #3b464f
  3. #424c54
  4. #4a535a
  5. #52595f
  6. #5a6065
  7. #61666a
  8. #696d70
  9. #717375
  10. #787a7b
  11. #808080

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

Ахроматопсия #3d3d3d ≈ 0.003% мужчин
Ахроматомалия #3a3e42 ≈ 0.001% мужчин
Протанопия #3b3f4a ≈ 1.01% мужчин
Дейтеранопия #383c49 ≈ 1.27% мужчин
Тританопия #2d4142 ≈ 0.0001% мужчин
Протаномалия #383f49 ≈ 1.08% мужчин
Дейтераномалия #363d49 ≈ 4.63% мужчин
Тританомалия #2f4045 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-333f49 {
  color: #333f49;
}
Фон
.bg-333f49 {
  background-color: #333f49;
  color: #ffffff;
}
Рамка
.border-333f49 {
  border: 2px solid #333f49;
}
CSS-переменные
:root {
  --color-primary: #333f49;
  --color-primary-rgb: 51 63 73;
  --color-primary-hsl: 207 18% 24%;
}
Градиент
.gradient-333f49 {
  background: linear-gradient(135deg, #333f49, #333449);
}
Цветная тень
.shadow-333f49 {
  box-shadow: 0 8px 24px rgb(51 63 73 / 0.35);
}

#36454f Charcoal ΔE 2.23 #2a3439 Gunmetal ΔE 4.48 #414a4c Outer Space ΔE 5.82 #353839 Onyx ΔE 5.95 #343434 Jet ΔE 7.68 #3b3c36 Black Olive ΔE 10.19 #555555 Davy's Gray ΔE 10.62 #ccc0b6 Инвертированный #3d3d3d Оттенки серого 

Charcoal
#333f49  rgb(51, 63, 73)  hsl(207, 18%, 24%)  Charcoal
#493d33  rgb(73, 61, 51)  hsl(27, 18%, 24%)  Taupe
#49333f  rgb(73, 51, 63)  hsl(327, 18%, 24%)  Eggplant
#3f4933  rgb(63, 73, 51)  hsl(87, 18%, 24%)  Rifle Green