ColorTool
Войти
#CCBA5C

#ccba5c ≈ Vegas Gold

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

#ccba5c — цвет из семейства «жёлтые»; светлота: средняя, насыщенность: умеренная. В модели RGB он состоит из 80% красного, 72,94% зелёного и 36,08% синего; при печати в CMYK используется 0% голубого, 8,82% пурпурного, 54,9% жёлтого и 20% чёрного. Угол цветового тона — 50,36°, насыщенность 52,34% и светлота 58,04% в модели HSL. Это тёплый цвет, который часто ассоциируется с оптимизмом, вниманием и радостью. Дизайнеры обычно используют его для: выделений и предупреждений, детских товаров и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 10,75:1 (WCAG AAA). Ближайший именованный цвет — Vegas Gold (#c5b358), ΔE 1,9.

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

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

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

  1. #ccba5c
  2. #5c6ecc

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

  1. #ccba5c
  2. #5ca6cc
  3. #825ccc

Аналоговая

  1. #cc825c
  2. #ccba5c
  3. #a6cc5c

Триада

  1. #ccba5c
  2. #5cccba
  3. #ba5ccc

Тетрада

  1. #ccba5c
  2. #6ecc5c
  3. #5c6ecc
  4. #ba5ccc

Квадрат

  1. #ccba5c
  2. #5ccc82
  3. #5c6ecc
  4. #cc5ca6

Монохромная

  1. #6d6122
  2. #a79534
  3. #ccba5c
  4. #ded396
  5. #f0ebd1

Тени

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

  1. #ccba5c
  2. #b8a753
  3. #a3954a
  4. #8f8240
  5. #7a7037
  6. #665d2e
  7. #524a25
  8. #3d381c
  9. #292512
  10. #141309
  11. #000000

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

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

  1. #ccba5c
  2. #d1c16c
  3. #d6c87d
  4. #dbcf8d
  5. #e0d69d
  6. #e6ddae
  7. #ebe3be
  8. #f0eace
  9. #f5f1de
  10. #faf8ef
  11. #ffffff

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

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

  1. #ccba5c
  2. #c4b460
  3. #bdae63
  4. #b5a967
  5. #aea36a
  6. #a69d6e
  7. #9e9772
  8. #979175
  9. #8f8c79
  10. #88867c
  11. #808080

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

Ахроматопсия #b9b9b9 ≈ 0.003% мужчин
Ахроматомалия #c1ba9d ≈ 0.001% мужчин
Протанопия #c9b653 ≈ 1.01% мужчин
Дейтеранопия #cebc60 ≈ 1.27% мужчин
Тританопия #daaea5 ≈ 0.0001% мужчин
Протаномалия #cab757 ≈ 1.08% мужчин
Дейтераномалия #cdbb5f ≈ 4.63% мужчин
Тританомалия #d5b38d ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-ccba5c {
  color: #ccba5c;
}
Фон
.bg-ccba5c {
  background-color: #ccba5c;
  color: #000000;
}
Рамка
.border-ccba5c {
  border: 2px solid #ccba5c;
}
CSS-переменные
:root {
  --color-primary: #ccba5c;
  --color-primary-rgb: 204 186 92;
  --color-primary-hsl: 50 52% 58%;
}
Градиент
.gradient-ccba5c {
  background: linear-gradient(135deg, #ccba5c, #a6cc5c);
}
Цветная тень
.shadow-ccba5c {
  box-shadow: 0 8px 24px rgb(204 186 92 / 0.35);
}

#c5b358 Vegas Gold ΔE 1.90 #cfb53b Old Gold ΔE 4.20 #bdb76b Dark Khaki ΔE 4.72 #b5a642 Brass ΔE 5.91 #d4af37 Metallic Gold ΔE 6.40 #e4d96f Straw ΔE 7.66 #e5b73b Meat Brown ΔE 8.17 #3345a3 Инвертированный #b9b9b9 Оттенки серого 

Vegas Gold
#ccba5c  rgb(204, 186, 92)  hsl(50, 52%, 58%)  Vegas Gold
#5c6ecc  rgb(92, 110, 204)  hsl(230, 52%, 58%)  Royal Blue
#5cccba  rgb(92, 204, 186)  hsl(170, 52%, 58%)  Medium Turquoise
#ba5ccc  rgb(186, 92, 204)  hsl(290, 52%, 58%)  Medium Orchid