ColorTool
Войти
#643F2A

#643f2a ≈ Coffee

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

#643f2a — цвет из семейства «коричневые»; светлота: низкая, насыщенность: приглушённая. В модели RGB он состоит из 39,22% красного, 24,71% зелёного и 16,47% синего; при печати в CMYK используется 0% голубого, 37% пурпурного, 58% жёлтого и 60,78% чёрного. Угол цветового тона — 21,72°, насыщенность 40,85% и светлота 27,84% в модели HSL. Это тёплый цвет, который часто ассоциируется с надёжностью, теплом и приземлённостью. Дизайнеры обычно используют его для: кофеен и кофейных брендов, деревенского и природного стиля и люксовых брендов. Текст цвета «белый» на этом фоне даёт контраст 9,19:1 (WCAG AAA). Ближайший именованный цвет — Coffee (#6f4e37), ΔE 5,13.

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

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

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

  1. #643f2a
  2. #2a4f64

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

  1. #643f2a
  2. #2a645c
  3. #2a3264

Аналоговая

  1. #642a32
  2. #643f2a
  3. #645c2a

Триада

  1. #643f2a
  2. #2a643f
  3. #3f2a64

Тетрада

  1. #643f2a
  2. #4f642a
  3. #2a4f64
  4. #3f2a64

Квадрат

  1. #643f2a
  2. #32642a
  3. #2a4f64
  4. #5c2a64

Монохромная

  1. #0e0906
  2. #2e1d13
  3. #643f2a
  4. #9a6141
  5. #bf8768

Тени

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

  1. #643f2a
  2. #5a3926
  3. #503222
  4. #462c1d
  5. #3c2619
  6. #322015
  7. #281911
  8. #1e130d
  9. #140d08
  10. #0a0604
  11. #000000

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

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

  1. #643f2a
  2. #74523f
  3. #836555
  4. #93796a
  5. #a28c7f
  6. #b29f95
  7. #c1b2aa
  8. #d1c5bf
  9. #e0d9d4
  10. #f0ecea
  11. #ffffff

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

#643f2a, постепенно смешанный с серым.

  1. #643f2a
  2. #674633
  3. #6a4c3b
  4. #6c5344
  5. #6f594c
  6. #726055
  7. #75665e
  8. #786d66
  9. #7a736f
  10. #7d7a77
  11. #808080

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

Ахроматопсия #484848 ≈ 0.003% мужчин
Ахроматомалия #54443e ≈ 0.001% мужчин
Протанопия #494328 ≈ 1.01% мужчин
Дейтеранопия #524b2a ≈ 1.27% мужчин
Тританопия #6d383a ≈ 0.0001% мужчин
Протаномалия #554129 ≈ 1.08% мужчин
Дейтераномалия #5a462a ≈ 4.63% мужчин
Тританомалия #693b34 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-643f2a {
  color: #643f2a;
}
Фон
.bg-643f2a {
  background-color: #643f2a;
  color: #ffffff;
}
Рамка
.border-643f2a {
  border: 2px solid #643f2a;
}
CSS-переменные
:root {
  --color-primary: #643f2a;
  --color-primary-rgb: 100 63 42;
  --color-primary-hsl: 22 41% 28%;
}
Градиент
.gradient-643f2a {
  background: linear-gradient(135deg, #643f2a, #645c2a);
}
Цветная тень
.shadow-643f2a {
  box-shadow: 0 8px 24px rgb(100 63 42 / 0.35);
}

#6f4e37 Coffee ΔE 5.13 #704214 Sepia ΔE 7.57 #80461b Russet ΔE 8.60 #674c47 Liver ΔE 8.61 #635147 Umber ΔE 9.28 #592720 Caput Mortuum ΔE 9.66 #3d2b1f Bistre ΔE 10.59 #9bc0d5 Инвертированный #484848 Оттенки серого 

Coffee
#643f2a  rgb(100, 63, 42)  hsl(22, 41%, 28%)  Coffee
#2a4f64  rgb(42, 79, 100)  hsl(202, 41%, 28%)  Charcoal
#2a643f  rgb(42, 100, 63)  hsl(142, 41%, 28%)  Hunter Green
#3f2a64  rgb(63, 42, 100)  hsl(262, 41%, 28%)  Dark Slate Blue