ColorTool
Войти
#FFAFB1

#ffafb1 ≈ Light Pink

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

#ffafb1 — цвет из семейства «розовые»; светлота: очень высокая, насыщенность: умеренная. В модели RGB он состоит из 100% красного, 68,63% зелёного и 69,41% синего; при печати в CMYK используется 0% голубого, 31,37% пурпурного, 30,59% жёлтого и 0% чёрного. Угол цветового тона — 358,5°, насыщенность 100% и светлота 84,31% в модели HSL. Это тёплый цвет, который часто ассоциируется с нежностью, заботой и сладостью. Дизайнеры обычно используют его для: красоты и косметики, свадеб и праздников и мягких пастельных палитр. Текст цвета «чёрный» на этом фоне даёт контраст 12,02:1 (WCAG AAA). Ближайший именованный цвет — Light Pink (#ffb6c1), ΔE 3,96.

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

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

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

  1. #ffafb1
  2. #affffd

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

  1. #ffafb1
  2. #afffd5
  3. #afd9ff

Аналоговая

  1. #ffafd9
  2. #ffafb1
  3. #ffd5af

Триада

  1. #ffafb1
  2. #b1ffaf
  3. #afb1ff

Тетрада

  1. #ffafb1
  2. #fffdaf
  3. #affffd
  4. #afb1ff

Квадрат

  1. #ffafb1
  2. #d9ffaf
  3. #affffd
  4. #d5afff

Монохромная

  1. #ff161c
  2. #ff6266
  3. #ffafb1
  4. #ffebeb
  5. #ffebeb

Тени

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

  1. #ffafb1
  2. #e69e9f
  3. #cc8c8e
  4. #b37b7c
  5. #99696a
  6. #805859
  7. #664647
  8. #4d3535
  9. #332323
  10. #1a1212
  11. #000000

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

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

  1. #ffafb1
  2. #ffb7b9
  3. #ffbfc1
  4. #ffc7c8
  5. #ffcfd0
  6. #ffd7d8
  7. #ffdfe0
  8. #ffe7e8
  9. #ffefef
  10. #fff7f7
  11. #ffffff

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

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

  1. #ffafb1
  2. #f2aaac
  3. #e6a6a7
  4. #d9a1a2
  5. #cc9c9d
  6. #c09899
  7. #b39394
  8. #a68e8f
  9. #99898a
  10. #8d8585
  11. #808080

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

Ахроматопсия #c4c4c4 ≈ 0.003% мужчин
Ахроматомалия #debcbd ≈ 0.001% мужчин
Протанопия #bebbb1 ≈ 1.01% мужчин
Дейтеранопия #d1cab0 ≈ 1.27% мужчин
Тританопия #ffa7b0 ≈ 0.0001% мужчин
Протаномалия #dbb6b1 ≈ 1.08% мужчин
Дейтераномалия #e5c0b0 ≈ 4.63% мужчин
Тританомалия #ffaab0 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

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

#ffb6c1 Light Pink ΔE 3.96 #fdbcb4 Melon ΔE 4.93 #ffb7c5 Cherry Blossom Pink ΔE 5.06 #ffc0cb Pink ΔE 5.96 #dea5a4 Pastel Pink ΔE 6.12 #ffc1cc Bubble Gum ΔE 6.19 #f4c2c2 Baby Pink ΔE 6.61 #00504e Инвертированный #c4c4c4 Оттенки серого 

Light Pink
#ffafb1  rgb(255, 175, 177)  hsl(359, 100%, 84%)  Light Pink
#affffd  rgb(175, 255, 253)  hsl(179, 100%, 84%)  Celeste
#b1ffaf  rgb(177, 255, 175)  hsl(119, 100%, 84%)  Pale Green
#afb1ff  rgb(175, 177, 255)  hsl(239, 100%, 84%)  Wild Blue Yonder