ColorTool
Войти
#AFB198

#afb198 ≈ Sage

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

#afb198 — цвет из семейства «жёлтые»; светлота: высокая, насыщенность: приглушённая. В модели RGB он состоит из 68,63% красного, 69,41% зелёного и 59,61% синего; при печати в CMYK используется 1,13% голубого, 0% пурпурного, 14,12% жёлтого и 30,59% чёрного. Угол цветового тона — 64,8°, насыщенность 13,81% и светлота 64,51% в модели HSL. Это тёплый цвет, который часто ассоциируется с оптимизмом, вниманием и радостью. Дизайнеры обычно используют его для: выделений и предупреждений, детских товаров и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 9,57:1 (WCAG AAA). Ближайший именованный цвет — Sage (#bcb88a), ΔE 6,64.

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

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

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

  1. #afb198
  2. #9a98b1

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

  1. #afb198
  2. #98a3b1
  3. #a798b1

Аналоговая

  1. #b1a798
  2. #afb198
  3. #a3b198

Триада

  1. #afb198
  2. #98afb1
  3. #b198af

Тетрада

  1. #afb198
  2. #98b19a
  3. #9a98b1
  4. #b198af

Квадрат

  1. #afb198
  2. #98b1a7
  3. #9a98b1
  4. #b198a3

Монохромная

  1. #62644c
  2. #8d906d
  3. #afb198
  4. #d1d2c4
  5. #f3f3ef

Тени

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

  1. #afb198
  2. #9e9f89
  3. #8c8e7a
  4. #7b7c6a
  5. #696a5b
  6. #58594c
  7. #46473d
  8. #35352e
  9. #23231e
  10. #12120f
  11. #000000

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

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

  1. #afb198
  2. #b7b9a2
  3. #bfc1ad
  4. #c7c8b7
  5. #cfd0c1
  6. #d7d8cc
  7. #dfe0d6
  8. #e7e8e0
  9. #efefea
  10. #f7f7f5
  11. #ffffff

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

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

  1. #afb198
  2. #aaac96
  3. #a6a793
  4. #a1a291
  5. #9c9d8e
  6. #98998c
  7. #93948a
  8. #8e8f87
  9. #898a85
  10. #858582
  11. #808080

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

Ахроматопсия #afafaf ≈ 0.003% мужчин
Ахроматомалия #afb0a6 ≈ 0.001% мужчин
Протанопия #b5ae97 ≈ 1.01% мужчин
Дейтеранопия #b5af99 ≈ 1.27% мужчин
Тританопия #b3aeaa ≈ 0.0001% мужчин
Протаномалия #b3b097 ≈ 1.08% мужчин
Дейтераномалия #b3b099 ≈ 4.63% мужчин
Тританомалия #b1afa3 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-afb198 {
  color: #afb198;
}
Фон
.bg-afb198 {
  background-color: #afb198;
  color: #000000;
}
Рамка
.border-afb198 {
  border: 2px solid #afb198;
}
CSS-переменные
:root {
  --color-primary: #afb198;
  --color-primary-rgb: 175 177 152;
  --color-primary-hsl: 65 14% 65%;
}
Градиент
.gradient-afb198 {
  background: linear-gradient(135deg, #afb198, #a3b198);
}
Цветная тень
.shadow-afb198 {
  box-shadow: 0 8px 24px rgb(175 177 152 / 0.35);
}

#bcb88a Sage ΔE 6.64 #b2beb5 Ash Gray ΔE 7.89 #c2b280 Ecru ΔE 9.43 #a9a9a9 Dark Gray ΔE 11.19 #a9a9a9 Dark Grey ΔE 11.19 #a8c3bc Opal ΔE 11.69 #c0c0c0 Silver ΔE 11.98 #504e67 Инвертированный #afafaf Оттенки серого 

Sage
#afb198  rgb(175, 177, 152)  hsl(65, 14%, 65%)  Sage
#9a98b1  rgb(154, 152, 177)  hsl(245, 14%, 65%)  Cool Gray
#98afb1  rgb(152, 175, 177)  hsl(185, 14%, 65%)  Opal
#b198af  rgb(177, 152, 175)  hsl(305, 14%, 65%)  Pastel Purple