ColorTool
Войти
#D4E545

#d4e545 ≈ Pear

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

#d4e545 — цвет из семейства «жёлто-зелёные»; светлота: средняя, насыщенность: сильная. В модели RGB он состоит из 83,14% красного, 89,8% зелёного и 27,06% синего; при печати в CMYK используется 7,42% голубого, 0% пурпурного, 69,87% жёлтого и 10,2% чёрного. Угол цветового тона — 66,38°, насыщенность 75,47% и светлота 58,43% в модели HSL. Это тёплый цвет, который часто ассоциируется с свежестью, ростом и жизненной силой. Дизайнеры обычно используют его для: экологичных брендов, здоровья и велнеса и фирменных акцентов. Текст цвета «чёрный» на этом фоне даёт контраст 15,09:1 (WCAG AAA). Ближайший именованный цвет — Pear (#d1e231), ΔE 1,43.

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

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

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

  1. #d4e545
  2. #5645e5

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

  1. #d4e545
  2. #4584e5
  3. #a645e5

Аналоговая

  1. #e5a645
  2. #d4e545
  3. #84e545

Триада

  1. #d4e545
  2. #45d4e5
  3. #e545d4

Тетрада

  1. #d4e545
  2. #45e556
  3. #5645e5
  4. #e545d4

Квадрат

  1. #d4e545
  2. #45e5a6
  3. #5645e5
  4. #e54584

Монохромная

  1. #747f12
  2. #b1c21b
  3. #d4e545
  4. #e4ee88
  5. #f3f8cb

Тени

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

  1. #d4e545
  2. #bfce3e
  3. #aab737
  4. #94a030
  5. #7f8929
  6. #6a7323
  7. #555c1c
  8. #404515
  9. #2a2e0e
  10. #151707
  11. #000000

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

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

  1. #d4e545
  2. #d8e858
  3. #ddea6a
  4. #e1ed7d
  5. #e5ef8f
  6. #eaf2a2
  7. #eef5b5
  8. #f2f7c7
  9. #f6fada
  10. #fbfcec
  11. #ffffff

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

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

  1. #d4e545
  2. #ccdb4b
  3. #c3d151
  4. #bbc757
  5. #b2bd5d
  6. #aab363
  7. #a2a868
  8. #999e6e
  9. #919474
  10. #888a7a
  11. #808080

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

Ахроматопсия #dadada ≈ 0.003% мужчин
Ахроматомалия #d8dfb2 ≈ 0.001% мужчин
Протанопия #f5d929 ≈ 1.01% мужчин
Дейтеранопия #f4dc52 ≈ 1.27% мужчин
Тританопия #e1d8c6 ≈ 0.0001% мужчин
Протаномалия #e9de36 ≈ 1.08% мужчин
Дейтераномалия #e8e04d ≈ 4.63% мужчин
Тританомалия #dcdda2 ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

Цвет текста
.text-d4e545 {
  color: #d4e545;
}
Фон
.bg-d4e545 {
  background-color: #d4e545;
  color: #000000;
}
Рамка
.border-d4e545 {
  border: 2px solid #d4e545;
}
CSS-переменные
:root {
  --color-primary: #d4e545;
  --color-primary-rgb: 212 229 69;
  --color-primary-hsl: 66 75% 58%;
}
Градиент
.gradient-d4e545 {
  background: linear-gradient(135deg, #d4e545, #84e545);
}
Цветная тень
.shadow-d4e545 {
  box-shadow: 0 8px 24px rgb(212 229 69 / 0.35);
}

#d1e231 Pear ΔE 1.43 #bdda57 June Bud ΔE 5.28 #dfff00 Chartreuse Yellow ΔE 6.55 #e3ff00 Lemon Lime ΔE 6.58 #fcf75e Icterine ΔE 6.64 #eee600 Titanium Yellow ΔE 7.00 #ffff66 Laser Lemon ΔE 7.10 #2b1aba Инвертированный #dadada Оттенки серого 

Pear
#d4e545  rgb(212, 229, 69)  hsl(66, 75%, 58%)  Pear
#5645e5  rgb(86, 69, 229)  hsl(246, 75%, 58%)  Majorelle Blue
#45d4e5  rgb(69, 212, 229)  hsl(186, 75%, 58%)  Dark Turquoise
#e545d4  rgb(229, 69, 212)  hsl(306, 75%, 58%)  Shocking Pink