ColorTool
Войти
#AFF7F2

#aff7f2 ≈ Celeste

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

#aff7f2 — цвет из семейства «голубые»; светлота: очень высокая, насыщенность: умеренная. В модели RGB он состоит из 68,63% красного, 96,86% зелёного и 94,9% синего; при печати в CMYK используется 29,15% голубого, 0% пурпурного, 2,02% жёлтого и 3,14% чёрного. Угол цветового тона — 175,83°, насыщенность 81,82% и светлота 82,75% в модели HSL. Это холодный цвет, который часто ассоциируется с свежестью, технологиями и ясностью. Дизайнеры обычно используют его для: здоровья и велнеса, технологических продуктов и мягких пастельных палитр. Текст цвета «чёрный» на этом фоне даёт контраст 17,41:1 (WCAG AAA). Ближайший именованный цвет — Celeste (#b2ffff), ΔE 2,52.

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

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

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

  1. #aff7f2
  2. #f7afb4

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

  1. #aff7f2
  2. #f7afd8
  3. #f7ceaf

Аналоговая

  1. #aff7ce
  2. #aff7f2
  3. #afd8f7

Триада

  1. #aff7f2
  2. #f2aff7
  3. #f7f2af

Тетрада

  1. #aff7f2
  2. #afb4f7
  3. #f7afb4
  4. #f7f2af

Квадрат

  1. #aff7f2
  2. #ceaff7
  3. #f7afb4
  4. #d8f7af

Монохромная

  1. #24e9db
  2. #69f0e7
  3. #aff7f2
  4. #ecfdfc
  5. #ecfdfc

Тени

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

  1. #aff7f2
  2. #9ededa
  3. #8cc6c2
  4. #7bada9
  5. #699491
  6. #587c79
  7. #466361
  8. #354a49
  9. #233130
  10. #121918
  11. #000000

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

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

  1. #aff7f2
  2. #b7f8f3
  3. #bff9f5
  4. #c7f9f6
  5. #cffaf7
  6. #d7fbf9
  7. #dffcfa
  8. #e7fdfb
  9. #effdfc
  10. #f7fefe
  11. #ffffff

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

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

  1. #aff7f2
  2. #aaebe7
  3. #a6dfdb
  4. #a1d3d0
  5. #9cc7c4
  6. #98bcb9
  7. #93b0ae
  8. #8ea4a2
  9. #899897
  10. #858c8b
  11. #808080

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

Ахроматопсия #eaeaea ≈ 0.003% мужчин
Ахроматомалия #d5efed ≈ 0.001% мужчин
Протанопия #eff0f2 ≈ 1.01% мужчин
Дейтеранопия #e1e6f3 ≈ 1.27% мужчин
Тританопия #97fbf5 ≈ 0.0001% мужчин
Протаномалия #d8f3f2 ≈ 1.08% мужчин
Дейтераномалия #cfedf3 ≈ 4.63% мужчин
Тританомалия #a1f9f4 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

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

#b2ffff Celeste ΔE 2.52 #afeeee Pale Turquoise ΔE 2.98 #7df9ff Electric Blue ΔE 6.44 #b0e0e6 Powder Blue ΔE 7.85 #aaf0d1 Magic Mint ΔE 9.28 #e0ffff Light Cyan ΔE 9.53 #00ffff Aqua ΔE 10.21 #50080d Инвертированный #eaeaea Оттенки серого 

Celeste
#aff7f2  rgb(175, 247, 242)  hsl(176, 82%, 83%)  Celeste
#f7afb4  rgb(247, 175, 180)  hsl(356, 82%, 83%)  Light Pink
#f2aff7  rgb(242, 175, 247)  hsl(296, 82%, 83%)  Mauve
#f7f2af  rgb(247, 242, 175)  hsl(56, 82%, 83%)  Pale Goldenrod