ColorTool
Войти
#BBF4E9

#bbf4e9 ≈ Pale Turquoise

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

#bbf4e9 — цвет из семейства «сине-зелёные»; светлота: очень высокая, насыщенность: приглушённая. В модели RGB он состоит из 73,33% красного, 95,69% зелёного и 91,37% синего; при печати в CMYK используется 23,36% голубого, 0% пурпурного, 4,51% жёлтого и 4,31% чёрного. Угол цветового тона — 168,42°, насыщенность 72,15% и светлота 84,51% в модели HSL. Это холодный цвет, который часто ассоциируется с ясностью, спокойствием и обновлением. Дизайнеры обычно используют его для: здоровья и велнеса, технологических продуктов и мягких пастельных палитр. Текст цвета «чёрный» на этом фоне даёт контраст 17,23:1 (WCAG AAA). Ближайший именованный цвет — Pale Turquoise (#afeeee), ΔE 4,49.

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

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

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

  1. #bbf4e9
  2. #f4bbc6

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

  1. #bbf4e9
  2. #f4bbe3
  3. #f4ccbb

Аналоговая

  1. #bbf4cc
  2. #bbf4e9
  3. #bbe3f4

Триада

  1. #bbf4e9
  2. #e9bbf4
  3. #f4e9bb

Тетрада

  1. #bbf4e9
  2. #bbc6f4
  3. #f4bbc6
  4. #f4e9bb

Квадрат

  1. #bbf4e9
  2. #ccbbf4
  3. #f4bbc6
  4. #e3f4bb

Монохромная

  1. #37dfbe
  2. #79e9d4
  3. #bbf4e9
  4. #edfcf9
  5. #edfcf9

Тени

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

  1. #bbf4e9
  2. #a8dcd2
  3. #96c3ba
  4. #83aba3
  5. #70928c
  6. #5e7a75
  7. #4b625d
  8. #384946
  9. #25312f
  10. #131817
  11. #000000

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

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

  1. #bbf4e9
  2. #c2f5eb
  3. #c9f6ed
  4. #cff7f0
  5. #d6f8f2
  6. #ddfaf4
  7. #e4fbf6
  8. #ebfcf8
  9. #f1fdfb
  10. #f8fefd
  11. #ffffff

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

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

  1. #bbf4e9
  2. #b5e8df
  3. #afddd4
  4. #a9d1ca
  5. #a3c6bf
  6. #9ebab5
  7. #98aeaa
  8. #92a3a0
  9. #8c9795
  10. #868c8b
  11. #808080

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

Ахроматопсия #e9e9e9 ≈ 0.003% мужчин
Ахроматомалия #d8ede9 ≈ 0.001% мужчин
Протанопия #efede9 ≈ 1.01% мужчин
Дейтеранопия #e4e5ea ≈ 1.27% мужчин
Тританопия #abf6f0 ≈ 0.0001% мужчин
Протаномалия #dcf0e9 ≈ 1.08% мужчин
Дейтераномалия #d5ebea ≈ 4.63% мужчин
Тританомалия #b2f5ee ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-bbf4e9 {
  color: #bbf4e9;
}
Фон
.bg-bbf4e9 {
  background-color: #bbf4e9;
  color: #000000;
}
Рамка
.border-bbf4e9 {
  border: 2px solid #bbf4e9;
}
CSS-переменные
:root {
  --color-primary: #bbf4e9;
  --color-primary-rgb: 187 244 233;
  --color-primary-hsl: 168 72% 85%;
}
Градиент
.gradient-bbf4e9 {
  background: linear-gradient(135deg, #bbf4e9, #bbe3f4);
}
Цветная тень
.shadow-bbf4e9 {
  box-shadow: 0 8px 24px rgb(187 244 233 / 0.35);
}

#afeeee Pale Turquoise ΔE 4.49 #b2ffff Celeste ΔE 5.40 #aaf0d1 Magic Mint ΔE 7.00 #b0e0e6 Powder Blue ΔE 8.29 #e0ffff Light Cyan ΔE 8.59 #9fe2bf Seafoam Green ΔE 9.30 #7df9ff Electric Blue ΔE 9.72 #440b16 Инвертированный #e9e9e9 Оттенки серого 

Pale Turquoise
#bbf4e9  rgb(187, 244, 233)  hsl(168, 72%, 85%)  Pale Turquoise
#f4bbc6  rgb(244, 187, 198)  hsl(348, 72%, 85%)  Pink
#e9bbf4  rgb(233, 187, 244)  hsl(288, 72%, 85%)  Mauve
#f4e9bb  rgb(244, 233, 187)  hsl(48, 72%, 85%)  Blond