ColorTool
Войти
#222E22

#222e22 ≈ Phthalo Green

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

#222e22 — цвет из семейства «серые»; светлота: очень низкая, насыщенность: приглушённая. В модели RGB он состоит из 13,33% красного, 18,04% зелёного и 13,33% синего; при печати в CMYK используется 26,09% голубого, 0% пурпурного, 26,09% жёлтого и 81,96% чёрного. Угол цветового тона — 120°, насыщенность 15% и светлота 15,69% в модели HSL. Это нейтральный цвет, который часто ассоциируется с нейтральностью, балансом и профессионализмом. Дизайнеры обычно используют его для: основного текста и типографики и корпоративного стиля. Текст цвета «белый» на этом фоне даёт контраст 14,17:1 (WCAG AAA). Ближайший именованный цвет — Phthalo Green (#123524), ΔE 7,55.

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

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

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

  1. #222e22
  2. #2e222e

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

  1. #222e22
  2. #28222e
  3. #2e2228

Аналоговая

  1. #282e22
  2. #222e22
  3. #222e28

Триада

  1. #222e22
  2. #22222e
  3. #2e2222

Тетрада

  1. #222e22
  2. #222e2e
  3. #2e222e
  4. #2e2222

Квадрат

  1. #222e22
  2. #22282e
  3. #2e222e
  4. #2e2822

Монохромная

  1. #090c09
  2. #090c09
  3. #222e22
  4. #435a43
  5. #638663

Тени

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

  1. #222e22
  2. #1f291f
  3. #1b251b
  4. #182018
  5. #141c14
  6. #111711
  7. #0e120e
  8. #0a0e0a
  9. #070907
  10. #030503
  11. #000000

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

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

  1. #222e22
  2. #384338
  3. #4e584e
  4. #646d64
  5. #7a827a
  6. #919791
  7. #a7aba7
  8. #bdc0bd
  9. #d3d5d3
  10. #e9eae9
  11. #ffffff

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

#222e22, постепенно смешанный с серым.

  1. #222e22
  2. #2b362b
  3. #353e35
  4. #3e473e
  5. #484f48
  6. #515751
  7. #5a5f5a
  8. #646764
  9. #6d706d
  10. #777877
  11. #808080

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

Ахроматопсия #2b2b2b ≈ 0.003% мужчин
Ахроматомалия #282c28 ≈ 0.001% мужчин
Протанопия #2f2c21 ≈ 1.01% мужчин
Дейтеранопия #2d2a23 ≈ 1.27% мужчин
Тританопия #212d2b ≈ 0.0001% мужчин
Протаномалия #2a2d22 ≈ 1.08% мужчин
Дейтераномалия #292c22 ≈ 4.63% мужчин
Тританомалия #212e27 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-222e22 {
  color: #222e22;
}
Фон
.bg-222e22 {
  background-color: #222e22;
  color: #ffffff;
}
Рамка
.border-222e22 {
  border: 2px solid #222e22;
}
CSS-переменные
:root {
  --color-primary: #222e22;
  --color-primary-rgb: 34 46 34;
  --color-primary-hsl: 120 15% 16%;
}
Градиент
.gradient-222e22 {
  background: linear-gradient(135deg, #222e22, #222e28);
}
Цветная тень
.shadow-222e22 {
  box-shadow: 0 8px 24px rgb(34 46 34 / 0.35);
}

#123524 Phthalo Green ΔE 7.55 #3b3c36 Black Olive ΔE 8.93 #444c38 Rifle Green ΔE 10.48 #353839 Onyx ΔE 10.63 #343434 Jet ΔE 10.81 #2a3439 Gunmetal ΔE 11.18 #004225 British Racing Green ΔE 12.95 #ddd1dd Инвертированный #2b2b2b Оттенки серого 

Phthalo Green
#222e22  rgb(34, 46, 34)  hsl(120, 15%, 16%)  Phthalo Green
#2e222e  rgb(46, 34, 46)  hsl(300, 15%, 16%)  Licorice
#22222e  rgb(34, 34, 46)  hsl(240, 15%, 16%)  Rich Black
#2e2222  rgb(46, 34, 34)  hsl(0, 15%, 16%)  Licorice