ColorTool
Войти
#D7DCE3

#d7dce3 ≈ Gainsboro

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

#d7dce3 — цвет из семейства «серые»; светлота: очень высокая, насыщенность: приглушённая. В модели RGB он состоит из 84,31% красного, 86,27% зелёного и 89,02% синего; при печати в CMYK используется 5,29% голубого, 3,08% пурпурного, 0% жёлтого и 10,98% чёрного. Угол цветового тона — 215°, насыщенность 17,65% и светлота 86,67% в модели HSL. Это нейтральный цвет, который часто ассоциируется с нейтральностью, балансом и профессионализмом. Дизайнеры обычно используют его для: основного текста и типографики, корпоративного стиля и фонов и больших поверхностей. Текст цвета «чёрный» на этом фоне даёт контраст 15,24:1 (WCAG AAA). Ближайший именованный цвет — Gainsboro (#dcdcdc), ΔE 3,71.

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

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

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

  1. #d7dce3
  2. #e3ded7

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

  1. #d7dce3
  2. #e3d8d7
  3. #e2e3d7

Аналоговая

  1. #d7e2e3
  2. #d7dce3
  3. #d8d7e3

Триада

  1. #d7dce3
  2. #e3d7dc
  3. #dce3d7

Тетрада

  1. #d7dce3
  2. #ded7e3
  3. #e3ded7
  4. #dce3d7

Квадрат

  1. #d7dce3
  2. #e3d7e2
  3. #e3ded7
  4. #d7e3d8

Монохромная

  1. #7d8da4
  2. #aab5c4
  3. #d7dce3
  4. #f3f4f7
  5. #f3f4f7

Тени

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

  1. #d7dce3
  2. #c2c6cc
  3. #acb0b6
  4. #979a9f
  5. #818488
  6. #6c6e72
  7. #56585b
  8. #414244
  9. #2b2c2d
  10. #161617
  11. #000000

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

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

  1. #d7dce3
  2. #dbe0e6
  3. #dfe3e9
  4. #e3e7eb
  5. #e7eaee
  6. #ebeef1
  7. #eff1f4
  8. #f3f5f7
  9. #f7f8f9
  10. #fbfcfc
  11. #ffffff

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

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

  1. #d7dce3
  2. #ced3d9
  3. #c6cacf
  4. #bdc0c5
  5. #b4b7bb
  6. #acaeb2
  7. #a3a5a8
  8. #9a9c9e
  9. #919294
  10. #89898a
  11. #808080

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

Ахроматопсия #dbdbdb ≈ 0.003% мужчин
Ахроматомалия #dadcdf ≈ 0.001% мужчин
Протанопия #dadce3 ≈ 1.01% мужчин
Дейтеранопия #d9dbe3 ≈ 1.27% мужчин
Тританопия #d4ddde ≈ 0.0001% мужчин
Протаномалия #d9dce3 ≈ 1.08% мужчин
Дейтераномалия #d8dbe3 ≈ 4.63% мужчин
Тританомалия #d5dde0 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

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

#dcdcdc Gainsboro ΔE 3.71 #d3d3d3 Light Gray ΔE 4.20 #d3d3d3 Light Grey ΔE 4.20 #e5e4e2 Platinum ΔE 5.20 #f0f8ff Alice Blue ΔE 6.03 #dbd7d2 Timberwolf ΔE 6.63 #f5f5f5 White Smoke ΔE 6.64 #28231c Инвертированный #dbdbdb Оттенки серого 

Gainsboro
#d7dce3  rgb(215, 220, 227)  hsl(215, 18%, 87%)  Gainsboro
#e3ded7  rgb(227, 222, 215)  hsl(35, 18%, 87%)  Timberwolf
#e3d7dc  rgb(227, 215, 220)  hsl(335, 18%, 87%)  Lavender Blush
#dce3d7  rgb(220, 227, 215)  hsl(95, 18%, 87%)  Eggshell