ColorTool
Войти
#F2A5A0

#f2a5a0 ≈ Pastel Pink

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

#f2a5a0 — цвет из семейства «розовые»; светлота: высокая, насыщенность: умеренная. В модели RGB он состоит из 94,9% красного, 64,71% зелёного и 62,75% синего; при печати в CMYK используется 0% голубого, 31,82% пурпурного, 33,88% жёлтого и 5,1% чёрного. Угол цветового тона — 3,66°, насыщенность 75,93% и светлота 78,82% в модели HSL. Это тёплый цвет, который часто ассоциируется с нежностью, заботой и сладостью. Дизайнеры обычно используют его для: красоты и косметики, свадеб и праздников и мягких пастельных палитр. Текст цвета «чёрный» на этом фоне даёт контраст 10,67:1 (WCAG AAA). Ближайший именованный цвет — Pastel Pink (#dea5a4), ΔE 4,48.

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

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

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

  1. #f2a5a0
  2. #a0edf2

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

  1. #f2a5a0
  2. #a0f2ce
  3. #a0c4f2

Аналоговая

  1. #f2a0c4
  2. #f2a5a0
  3. #f2cea0

Триада

  1. #f2a5a0
  2. #a0f2a5
  3. #a5a0f2

Тетрада

  1. #f2a5a0
  2. #edf2a0
  3. #a0edf2
  4. #a5a0f2

Квадрат

  1. #f2a5a0
  2. #c4f2a0
  3. #a0edf2
  4. #cea0f2

Монохромная

  1. #db291e
  2. #e9655d
  3. #f2a5a0
  4. #fbe5e3
  5. #fdeeed

Тени

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

  1. #f2a5a0
  2. #da9590
  3. #c28480
  4. #a97470
  5. #916360
  6. #795350
  7. #614240
  8. #493230
  9. #302120
  10. #181110
  11. #000000

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

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

  1. #f2a5a0
  2. #f3aeaa
  3. #f5b7b3
  4. #f6c0bd
  5. #f7c9c6
  6. #f9d2d0
  7. #fadbd9
  8. #fbe4e3
  9. #fcedec
  10. #fef6f6
  11. #ffffff

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

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

  1. #f2a5a0
  2. #e7a19d
  3. #db9e9a
  4. #d09a96
  5. #c49693
  6. #b99390
  7. #ae8f8d
  8. #a28b8a
  9. #978786
  10. #8b8483
  11. #808080

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

Ахроматопсия #b9b9b9 ≈ 0.003% мужчин
Ахроматомалия #d2b1af ≈ 0.001% мужчин
Протанопия #b5b09f ≈ 1.01% мужчин
Дейтеранопия #c7bf9f ≈ 1.27% мужчин
Тританопия #ff9ca4 ≈ 0.0001% мужчин
Протаномалия #d0aca0 ≈ 1.08% мужчин
Дейтераномалия #d9b59f ≈ 4.63% мужчин
Тританомалия #fba0a2 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

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

#dea5a4 Pastel Pink ΔE 4.48 #fdbcb4 Melon ΔE 5.57 #ffa089 Vivid Tangerine ΔE 6.86 #ffb6c1 Light Pink ΔE 7.40 #f4c2c2 Baby Pink ΔE 8.22 #ffb7c5 Cherry Blossom Pink ΔE 8.43 #ff91a4 Salmon Pink ΔE 8.48 #0d5a5f Инвертированный #b9b9b9 Оттенки серого 

Pastel Pink
#f2a5a0  rgb(242, 165, 160)  hsl(4, 76%, 79%)  Pastel Pink
#a0edf2  rgb(160, 237, 242)  hsl(184, 76%, 79%)  Pale Turquoise
#a0f2a5  rgb(160, 242, 165)  hsl(124, 76%, 79%)  Light Green
#a5a0f2  rgb(165, 160, 242)  hsl(244, 76%, 79%)  Wild Blue Yonder