ColorTool
Войти
#D5DFE3

#d5dfe3 ≈ Gainsboro

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

#d5dfe3 — цвет из семейства «лазурные»; светлота: очень высокая, насыщенность: приглушённая. В модели RGB он состоит из 83,53% красного, 87,45% зелёного и 89,02% синего; при печати в CMYK используется 6,17% голубого, 1,76% пурпурного, 0% жёлтого и 10,98% чёрного. Угол цветового тона — 197,14°, насыщенность 20% и светлота 86,27% в модели HSL. Это холодный цвет, который часто ассоциируется с открытостью, свободой и спокойствием. Дизайнеры обычно используют его для: технологических продуктов, финансов и банков и фонов и больших поверхностей. Текст цвета «чёрный» на этом фоне даёт контраст 15,49:1 (WCAG AAA). Ближайший именованный цвет — Gainsboro (#dcdcdc), ΔE 4,49.

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

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

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

  1. #d5dfe3
  2. #e3d9d5

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

  1. #d5dfe3
  2. #e3d5d8
  3. #e3e0d5

Аналоговая

  1. #d5e3e0
  2. #d5dfe3
  3. #d5d8e3

Триада

  1. #d5dfe3
  2. #e3d5df
  3. #dfe3d5

Тетрада

  1. #d5dfe3
  2. #d9d5e3
  3. #e3d9d5
  4. #dfe3d5

Квадрат

  1. #d5dfe3
  2. #e0d5e3
  3. #e3d9d5
  4. #d8e3d5

Монохромная

  1. #7999a6
  2. #a7bcc4
  3. #d5dfe3
  4. #f3f6f7
  5. #f3f6f7

Тени

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

  1. #d5dfe3
  2. #c0c9cc
  3. #aab2b6
  4. #959c9f
  5. #808688
  6. #6b7072
  7. #55595b
  8. #404344
  9. #2b2d2d
  10. #151617
  11. #000000

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

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

  1. #d5dfe3
  2. #d9e2e6
  3. #dde5e9
  4. #e2e9eb
  5. #e6ecee
  6. #eaeff1
  7. #eef2f4
  8. #f2f5f7
  9. #f7f9f9
  10. #fbfcfc
  11. #ffffff

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

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

  1. #d5dfe3
  2. #cdd6d9
  3. #c4cccf
  4. #bcc3c5
  5. #b3b9bb
  6. #abb0b2
  7. #a2a6a8
  8. #9a9d9e
  9. #919394
  10. #898a8a
  11. #808080

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

Ахроматопсия #dddddd ≈ 0.003% мужчин
Ахроматомалия #dadee0 ≈ 0.001% мужчин
Протанопия #dddee3 ≈ 1.01% мужчин
Дейтеранопия #dadce3 ≈ 1.27% мужчин
Тританопия #d2e0e0 ≈ 0.0001% мужчин
Протаномалия #dadfe3 ≈ 1.08% мужчин
Дейтераномалия #d8dde3 ≈ 4.63% мужчин
Тританомалия #d3e0e1 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-d5dfe3 {
  color: #d5dfe3;
}
Фон
.bg-d5dfe3 {
  background-color: #d5dfe3;
  color: #000000;
}
Рамка
.border-d5dfe3 {
  border: 2px solid #d5dfe3;
}
CSS-переменные
:root {
  --color-primary: #d5dfe3;
  --color-primary-rgb: 213 223 227;
  --color-primary-hsl: 197 20% 86%;
}
Градиент
.gradient-d5dfe3 {
  background: linear-gradient(135deg, #d5dfe3, #d5d8e3);
}
Цветная тень
.shadow-d5dfe3 {
  box-shadow: 0 8px 24px rgb(213 223 227 / 0.35);
}

#dcdcdc Gainsboro ΔE 4.49 #d3d3d3 Light Gray ΔE 5.07 #d3d3d3 Light Grey ΔE 5.07 #e5e4e2 Platinum ΔE 5.44 #f0f8ff Alice Blue ΔE 5.83 #f5f5f5 White Smoke ΔE 6.80 #bcd4e6 Pale Aqua ΔE 7.02 #2a201c Инвертированный #dddddd Оттенки серого 

Gainsboro
#d5dfe3  rgb(213, 223, 227)  hsl(197, 20%, 86%)  Gainsboro
#e3d9d5  rgb(227, 217, 213)  hsl(17, 20%, 86%)  Timberwolf
#e3d5df  rgb(227, 213, 223)  hsl(317, 20%, 86%)  Languid Lavender
#dfe3d5  rgb(223, 227, 213)  hsl(77, 20%, 86%)  Eggshell