ColorTool
Войти
#F5DDE0

#f5dde0 ≈ Pale Pink

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

#f5dde0 — цвет из семейства «розовые»; светлота: очень высокая, насыщенность: приглушённая. В модели RGB он состоит из 96,08% красного, 86,67% зелёного и 87,84% синего; при печати в CMYK используется 0% голубого, 9,8% пурпурного, 8,57% жёлтого и 3,92% чёрного. Угол цветового тона — 352,5°, насыщенность 54,55% и светлота 91,37% в модели HSL. Это тёплый цвет, который часто ассоциируется с нежностью, заботой и сладостью. Дизайнеры обычно используют его для: красоты и косметики, свадеб и праздников и мягких пастельных палитр. Текст цвета «чёрный» на этом фоне даёт контраст 16,3:1 (WCAG AAA). Ближайший именованный цвет — Pale Pink (#fadadd), ΔE 2,57.

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

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

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

  1. #f5dde0
  2. #ddf5f2

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

  1. #f5dde0
  2. #ddf5e6
  3. #ddecf5

Аналоговая

  1. #f5ddec
  2. #f5dde0
  3. #f5e6dd

Триада

  1. #f5dde0
  2. #e0f5dd
  3. #dde0f5

Тетрада

  1. #f5dde0
  2. #f5f2dd
  3. #ddf5f2
  4. #dde0f5

Квадрат

  1. #f5dde0
  2. #ecf5dd
  3. #ddf5f2
  4. #e6ddf5

Монохромная

  1. #d26774
  2. #e4a2aa
  3. #f5dde0
  4. #faeff1
  5. #faeff1

Тени

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

  1. #f5dde0
  2. #ddc7ca
  3. #c4b1b3
  4. #ac9b9d
  5. #938586
  6. #7b6f70
  7. #62585a
  8. #4a4243
  9. #312c2d
  10. #191616
  11. #000000

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

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

  1. #f5dde0
  2. #f6e0e3
  3. #f7e4e6
  4. #f8e7e9
  5. #f9ebec
  6. #faeef0
  7. #fbf1f3
  8. #fcf5f6
  9. #fdf8f9
  10. #fefcfc
  11. #ffffff

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

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

  1. #f5dde0
  2. #e9d4d6
  3. #decacd
  4. #d2c1c3
  5. #c6b8ba
  6. #bbafb0
  7. #afa5a6
  8. #a39c9d
  9. #979393
  10. #8c898a
  11. #808080

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

Ахроматопсия #e3e3e3 ≈ 0.003% мужчин
Ахроматомалия #eae0e2 ≈ 0.001% мужчин
Протанопия #e0e0e0 ≈ 1.01% мужчин
Дейтеранопия #e6e4e0 ≈ 1.27% мужчин
Тританопия #fadbde ≈ 0.0001% мужчин
Протаномалия #e9dfe0 ≈ 1.08% мужчин
Дейтераномалия #ece1e0 ≈ 4.63% мужчин
Тританомалия #f8dcdf ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-f5dde0 {
  color: #f5dde0;
}
Фон
.bg-f5dde0 {
  background-color: #f5dde0;
  color: #000000;
}
Рамка
.border-f5dde0 {
  border: 2px solid #f5dde0;
}
CSS-переменные
:root {
  --color-primary: #f5dde0;
  --color-primary-rgb: 245 221 224;
  --color-primary-hsl: 353 55% 91%;
}
Градиент
.gradient-f5dde0 {
  background: linear-gradient(135deg, #f5dde0, #f5e6dd);
}
Цветная тень
.shadow-f5dde0 {
  box-shadow: 0 8px 24px rgb(245 221 224 / 0.35);
}

#fadadd Pale Pink ΔE 2.57 #ffe4e1 Misty Rose ΔE 3.11 #fff0f5 Lavender Blush ΔE 4.93 #d6cadd Languid Lavender ΔE 8.81 #f4c2c2 Baby Pink ΔE 8.97 #f8f4ff Magnolia ΔE 8.98 #fff5ee Seashell ΔE 9.25 #0a221f Инвертированный #e3e3e3 Оттенки серого 

Pale Pink
#f5dde0  rgb(245, 221, 224)  hsl(353, 55%, 91%)  Pale Pink
#ddf5f2  rgb(221, 245, 242)  hsl(173, 55%, 91%)  Light Cyan
#e0f5dd  rgb(224, 245, 221)  hsl(113, 55%, 91%)  Honeydew
#dde0f5  rgb(221, 224, 245)  hsl(233, 55%, 91%)  Lavender