ColorTool
Войти
#AECCC3

#aeccc3 ≈ Opal

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

#aeccc3 — цвет из семейства «сине-зелёные»; светлота: высокая, насыщенность: приглушённая. В модели RGB он состоит из 68,24% красного, 80% зелёного и 76,47% синего; при печати в CMYK используется 14,71% голубого, 0% пурпурного, 4,41% жёлтого и 20% чёрного. Угол цветового тона — 162°, насыщенность 22,73% и светлота 74,12% в модели HSL. Он находится между тёплыми и холодными и часто ассоциируется с ясностью, спокойствием и обновлением. Дизайнеры обычно используют его для: здоровья и велнеса, технологических продуктов и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 12,22:1 (WCAG AAA). Ближайший именованный цвет — Opal (#a8c3bc), ΔE 2,45.

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

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

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

  1. #aeccc3
  2. #ccaeb7

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

  1. #aeccc3
  2. #ccaec6
  3. #ccb4ae

Аналоговая

  1. #aeccb4
  2. #aeccc3
  3. #aec6cc

Триада

  1. #aeccc3
  2. #c3aecc
  3. #ccc3ae

Тетрада

  1. #aeccc3
  2. #aeb7cc
  3. #ccaeb7
  4. #ccc3ae

Квадрат

  1. #aeccc3
  2. #b4aecc
  3. #ccaeb7
  4. #c6ccae

Монохромная

  1. #578a7b
  2. #7faea0
  3. #aeccc3
  4. #ddeae6
  5. #f2f7f6

Тени

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

  1. #aeccc3
  2. #9db8b0
  3. #8ba39c
  4. #7a8f89
  5. #687a75
  6. #576662
  7. #46524e
  8. #343d3b
  9. #232927
  10. #111414
  11. #000000

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

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

  1. #aeccc3
  2. #b6d1c9
  3. #bed6cf
  4. #c6dbd5
  5. #cee0db
  6. #d7e6e1
  7. #dfebe7
  8. #e7f0ed
  9. #eff5f3
  10. #f7faf9
  11. #ffffff

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

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

  1. #aeccc3
  2. #a9c4bc
  3. #a5bdb6
  4. #a0b5af
  5. #9caea8
  6. #97a6a2
  7. #929e9b
  8. #8e9794
  9. #898f8d
  10. #858887
  11. #808080

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

Ахроматопсия #c5c5c5 ≈ 0.003% мужчин
Ахроматомалия #bdc8c4 ≈ 0.001% мужчин
Протанопия #cac8c3 ≈ 1.01% мужчин
Дейтеранопия #c4c4c4 ≈ 1.27% мужчин
Тританопия #a7cdc9 ≈ 0.0001% мужчин
Протаномалия #bfcac3 ≈ 1.08% мужчин
Дейтераномалия #bbc7c3 ≈ 4.63% мужчин
Тританомалия #aacdc7 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

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

#a8c3bc Opal ΔE 2.45 #b2beb5 Ash Gray ΔE 6.55 #b0e0e6 Powder Blue ΔE 8.32 #aec6cf Pastel Blue ΔE 9.12 #afeeee Pale Turquoise ΔE 10.19 #add8e6 Light Blue ΔE 10.28 #9fe2bf Seafoam Green ΔE 11.33 #51333c Инвертированный #c5c5c5 Оттенки серого 

Opal
#aeccc3  rgb(174, 204, 195)  hsl(162, 23%, 74%)  Opal
#ccaeb7  rgb(204, 174, 183)  hsl(342, 23%, 74%)  Silver Pink
#c3aecc  rgb(195, 174, 204)  hsl(282, 23%, 74%)  Thistle
#ccc3ae  rgb(204, 195, 174)  hsl(42, 23%, 74%)  Bone