ColorTool
Войти
#EFF5E2

#eff5e2 ≈ Beige

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

#eff5e2 — цвет из семейства «жёлто-зелёные»; светлота: очень высокая, насыщенность: приглушённая. В модели RGB он состоит из 93,73% красного, 96,08% зелёного и 88,63% синего; при печати в CMYK используется 2,45% голубого, 0% пурпурного, 7,76% жёлтого и 3,92% чёрного. Угол цветового тона — 78,95°, насыщенность 48,72% и светлота 92,35% в модели HSL. Он находится между тёплыми и холодными и часто ассоциируется с свежестью, ростом и жизненной силой. Дизайнеры обычно используют его для: экологичных брендов, здоровья и велнеса и мягких пастельных палитр. Текст цвета «чёрный» на этом фоне даёт контраст 18,83:1 (WCAG AAA). Ближайший именованный цвет — Beige (#f5f5dc), ΔE 3,04.

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

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

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

  1. #eff5e2
  2. #e8e2f5

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

  1. #eff5e2
  2. #e2e5f5
  3. #f1e2f5

Аналоговая

  1. #f5f1e2
  2. #eff5e2
  3. #e5f5e2

Триада

  1. #eff5e2
  2. #e2eff5
  3. #f5e2ef

Тетрада

  1. #eff5e2
  2. #e2f5e8
  3. #e8e2f5
  4. #f5e2ef

Квадрат

  1. #eff5e2
  2. #e2f5f1
  3. #e8e2f5
  4. #f5e2e5

Монохромная

  1. #b0ce70
  2. #d0e1a9
  3. #eff5e2
  4. #f7faf0
  5. #f7faf0

Тени

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

  1. #eff5e2
  2. #d7ddcb
  3. #bfc4b5
  4. #a7ac9e
  5. #8f9388
  6. #787b71
  7. #60625a
  8. #484a44
  9. #30312d
  10. #181917
  11. #000000

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

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

  1. #eff5e2
  2. #f1f6e5
  3. #f2f7e8
  4. #f4f8eb
  5. #f5f9ee
  6. #f7faf1
  7. #f9fbf3
  8. #fafcf6
  9. #fcfdf9
  10. #fdfefc
  11. #ffffff

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

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

  1. #eff5e2
  2. #e4e9d8
  3. #d9dece
  4. #ced2c5
  5. #c3c6bb
  6. #b8bbb1
  7. #acafa7
  8. #a1a39d
  9. #969794
  10. #8b8c8a
  11. #808080

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

Ахроматопсия #f2f2f2 ≈ 0.003% мужчин
Ахроматомалия #f1f3ec ≈ 0.001% мужчин
Протанопия #f8f3e1 ≈ 1.01% мужчин
Дейтеранопия #f7f2e3 ≈ 1.27% мужчин
Тританопия #f1f3ef ≈ 0.0001% мужчин
Протаномалия #f4f4e1 ≈ 1.08% мужчин
Дейтераномалия #f4f3e2 ≈ 4.63% мужчин
Тританомалия #f0f4ea ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

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

#f5f5dc Beige ΔE 3.04 #fffff0 Ivory ΔE 3.96 #f0fff0 Honeydew ΔE 3.98 #ffffe0 Light Yellow ΔE 4.86 #f0ead6 Eggshell ΔE 5.55 #fff8dc Cornsilk ΔE 5.95 #f5fffa Mint Cream ΔE 6.14 #100a1d Инвертированный #f2f2f2 Оттенки серого 

Beige
#eff5e2  rgb(239, 245, 226)  hsl(79, 49%, 92%)  Beige
#e8e2f5  rgb(232, 226, 245)  hsl(259, 49%, 92%)  Lavender
#e2eff5  rgb(226, 239, 245)  hsl(199, 49%, 92%)  Alice Blue
#f5e2ef  rgb(245, 226, 239)  hsl(319, 49%, 92%)  Lavender Blush