ColorTool
Войти
#334D4A

#334d4a ≈ Dark Slate Gray

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

#334d4a — цвет из семейства «сине-зелёные»; светлота: низкая, насыщенность: приглушённая. В модели RGB он состоит из 20% красного, 30,2% зелёного и 29,02% синего; при печати в CMYK используется 33,77% голубого, 0% пурпурного, 3,9% жёлтого и 69,8% чёрного. Угол цветового тона — 173,08°, насыщенность 20,31% и светлота 25,1% в модели HSL. Это холодный цвет, который часто ассоциируется с ясностью, спокойствием и обновлением. Дизайнеры обычно используют его для: здоровья и велнеса, технологических продуктов и корпоративного стиля. Текст цвета «белый» на этом фоне даёт контраст 9,13:1 (WCAG AAA). Ближайший именованный цвет — Dark Slate Gray (#2f4f4f), ΔE 2,07.

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

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

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

  1. #334d4a
  2. #4d3336

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

  1. #334d4a
  2. #4d3343
  3. #4d3d33

Аналоговая

  1. #334d3d
  2. #334d4a
  3. #33434d

Триада

  1. #334d4a
  2. #4a334d
  3. #4d4a33

Тетрада

  1. #334d4a
  2. #33364d
  3. #4d3336
  4. #4d4a33

Квадрат

  1. #334d4a
  2. #3d334d
  3. #4d3336
  4. #434d33

Монохромная

  1. #080c0c
  2. #151f1e
  3. #334d4a
  4. #517b76
  5. #75a49e

Тени

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

  1. #334d4a
  2. #2e4543
  3. #293e3b
  4. #243634
  5. #1f2e2c
  6. #1a2725
  7. #141f1e
  8. #0f1716
  9. #0a0f0f
  10. #050807
  11. #000000

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

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

  1. #334d4a
  2. #475f5c
  3. #5c716e
  4. #708280
  5. #859492
  6. #99a6a5
  7. #adb8b7
  8. #c2cac9
  9. #d6dbdb
  10. #ebeded
  11. #ffffff

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

#334d4a, постепенно смешанный с серым.

  1. #334d4a
  2. #3b524f
  3. #425755
  4. #4a5c5a
  5. #526160
  6. #5a6765
  7. #616c6a
  8. #697170
  9. #717675
  10. #787b7b
  11. #808080

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

Ахроматопсия #484848 ≈ 0.003% мужчин
Ахроматомалия #414a49 ≈ 0.001% мужчин
Протанопия #4a4a4a ≈ 1.01% мужчин
Дейтеранопия #46474a ≈ 1.27% мужчин
Тританопия #2a4e4c ≈ 0.0001% мужчин
Протаномалия #424b4a ≈ 1.08% мужчин
Дейтераномалия #3f494a ≈ 4.63% мужчин
Тританомалия #2e4e4b ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-334d4a {
  color: #334d4a;
}
Фон
.bg-334d4a {
  background-color: #334d4a;
  color: #ffffff;
}
Рамка
.border-334d4a {
  border: 2px solid #334d4a;
}
CSS-переменные
:root {
  --color-primary: #334d4a;
  --color-primary-rgb: 51 77 74;
  --color-primary-hsl: 173 20% 25%;
}
Градиент
.gradient-334d4a {
  background: linear-gradient(135deg, #334d4a, #33434d);
}
Цветная тень
.shadow-334d4a {
  box-shadow: 0 8px 24px rgb(51 77 74 / 0.35);
}

#2f4f4f Dark Slate Gray ΔE 2.07 #2f4f4f Dark Slate Grey ΔE 2.07 #4d5d53 Feldgrau ΔE 7.54 #414a4c Outer Space ΔE 7.83 #004953 Midnight Green ΔE 8.14 #36454f Charcoal ΔE 9.95 #444c38 Rifle Green ΔE 10.14 #ccb2b5 Инвертированный #484848 Оттенки серого 

Dark Slate Gray
#334d4a  rgb(51, 77, 74)  hsl(173, 20%, 25%)  Dark Slate Gray
#4d3336  rgb(77, 51, 54)  hsl(353, 20%, 25%)  Eggplant
#4a334d  rgb(74, 51, 77)  hsl(293, 20%, 25%)  Eggplant
#4d4a33  rgb(77, 74, 51)  hsl(53, 20%, 25%)  Rifle Green