ColorTool
Войти
#F2FAC0

#f2fac0 ≈ Cream

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

#f2fac0 — цвет из семейства «жёлто-зелёные»; светлота: очень высокая, насыщенность: приглушённая. В модели RGB он состоит из 94,9% красного, 98,04% зелёного и 75,29% синего; при печати в CMYK используется 3,2% голубого, 0% пурпурного, 23,2% жёлтого и 1,96% чёрного. Угол цветового тона — 68,28°, насыщенность 85,29% и светлота 86,67% в модели HSL. Это тёплый цвет, который часто ассоциируется с свежестью, ростом и жизненной силой. Дизайнеры обычно используют его для: экологичных брендов, здоровья и велнеса и мягких пастельных палитр. Текст цвета «чёрный» на этом фоне даёт контраст 19,21:1 (WCAG AAA). Ближайший именованный цвет — Cream (#fffdd0), ΔE 4,34.

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

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

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

  1. #f2fac0
  2. #c8c0fa

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

  1. #f2fac0
  2. #c0d5fa
  3. #e5c0fa

Аналоговая

  1. #fae5c0
  2. #f2fac0
  3. #d5fac0

Триада

  1. #f2fac0
  2. #c0f2fa
  3. #fac0f2

Тетрада

  1. #f2fac0
  2. #c0fac8
  3. #c8c0fa
  4. #fac0f2

Квадрат

  1. #f2fac0
  2. #c0fae5
  3. #c8c0fa
  4. #fac0d5

Монохромная

  1. #d5ef32
  2. #e3f479
  3. #f2fac0
  4. #fbfdec
  5. #fbfdec

Тени

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

  1. #f2fac0
  2. #dae1ad
  3. #c2c89a
  4. #a9af86
  5. #919673
  6. #797d60
  7. #61644d
  8. #494b3a
  9. #303226
  10. #181913
  11. #000000

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

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

  1. #f2fac0
  2. #f3fbc6
  3. #f5fbcd
  4. #f6fcd3
  5. #f7fcd9
  6. #f9fde0
  7. #fafde6
  8. #fbfeec
  9. #fcfef2
  10. #fefff9
  11. #ffffff

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

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

  1. #f2fac0
  2. #e7eeba
  3. #dbe2b3
  4. #d0d5ad
  5. #c4c9a6
  6. #b9bda0
  7. #aeb19a
  8. #a2a593
  9. #97988d
  10. #8b8c86
  11. #808080

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

Ахроматопсия #f5f5f5 ≈ 0.003% мужчин
Ахроматомалия #f4f7e2 ≈ 0.001% мужчин
Протанопия #fff4bc ≈ 1.01% мужчин
Дейтеранопия #fff5c2 ≈ 1.27% мужчин
Тританопия #f9f3ea ≈ 0.0001% мужчин
Протаномалия #fcf6be ≈ 1.08% мужчин
Дейтераномалия #fcf7c1 ≈ 4.63% мужчин
Тританомалия #f6f6db ≈ 0.0002% мужчин
Смоделировать на своём изображении

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

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

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

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

#fffdd0 Cream ΔE 4.34 #fafad2 Light Goldenrod Yellow ΔE 4.88 #fffacd Lemon Chiffon ΔE 4.97 #eee8aa Pale Goldenrod ΔE 5.32 #faf0be Blond ΔE 5.85 #f3e5ab Vanilla ΔE 7.45 #ffffe0 Light Yellow ΔE 7.46 #0d053f Инвертированный #f5f5f5 Оттенки серого 

Cream
#f2fac0  rgb(242, 250, 192)  hsl(68, 85%, 87%)  Cream
#c8c0fa  rgb(200, 192, 250)  hsl(248, 85%, 87%)  Periwinkle
#c0f2fa  rgb(192, 242, 250)  hsl(188, 85%, 87%)  Powder Blue
#fac0f2  rgb(250, 192, 242)  hsl(308, 85%, 87%)  Plum