Benoemde kleur · #FFECC3
Yoghurt
Yoghurt is #FFECC3: rgb(255 236 195), hsl(41 100% 88%), oklch(0.948 0.057 86.1). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Yoghurt color name →
#FFECC3
oklch(0.948 0.057 86.1)
Kleurconversies
- HEX
- #ffecc3
- RGB
- rgb(255 236 195)
- HSL
- hsl(41 100% 88%)
- HWB
- hwb(41 76% 0%)
- OKLCH
- oklch(0.948 0.057 86.1)
- OKLab
- oklab(0.948 0.004 0.057)
- CIE Lab
- lab(94.18 2.08 22.42)
- LCH
- lch(94.18 22.52 84.7)
- CMYK
- cmyk(0% 7% 24% 0%)
Tinten · Schaduwen · Tonen
Tinten
- FFEEC9
- FFF0CF
- FFF2D5
- FFF4DB
- FFF6E1
- FFF8E7
- FFF9ED
- FFFBF3
- FFFDF9
Schaduwen
- DECDA9
- BEAF90
- 9E9278
- 807660
- 635B4A
- 484234
- 2E2920
- 16130E
- 030302
Tonen
- F2E1BC
- E4D6B6
- D7CAAF
- CABFA8
- BEB5A1
- B1AA9B
- A49F94
- 98958D
- 8C8A87
Kleurharmonieën
Complementair +180°
- FFECC3
Yoghurt
- E6EEFF
≈ Brilliant White
Analoog -30° +30°
- FFECC3
Yoghurt
- FFE9DB
≈ Guiding Star
- EBF3C8
≈ Feijoa Flower
Triadisch +120° +240°
- FFECC3
Yoghurt
- C6F9FF
≈ Thin Air
- FFE4FF
≈ Fairy Salt
Gesplitst complementair +150° +210°
- FFECC3
Yoghurt
- DCF1FF
≈ Wizard White
- EFEAFF
≈ Placebo Purple
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.16:1 · APCA Lc 8
Ag
AAAOp zwart
WCAG 18.03:1 · APCA Lc 97
Beste tekstkleur: #000000
WCAG 18.03:1 (AAA) · APCA Lc 97
Contrast pairs
Codefragmenten
CSS
:root {
--yoghurt: #ffecc3;
--yoghurt-rgb: 255 236 195;
--yoghurt-oklch: oklch(0.948 0.057 86.1);
}
.element {
color: var(--yoghurt);
background-color: hsl(41 100% 88%);
border-color: oklch(0.948 0.057 86.1);
}Tailwind CSS v4
@theme {
--color-yoghurt: #ffecc3;
--color-yoghurt-50: #fcf5e3;
--color-yoghurt-100: #f0e7d3;
--color-yoghurt-200: #ded3b9;
--color-yoghurt-300: #c3b697;
--color-yoghurt-400: #ad9d78;
--color-yoghurt-500: #97845a;
--color-yoghurt-600: #80704d;
--color-yoghurt-700: #66593d;
--color-yoghurt-800: #4c412b;
--color-yoghurt-900: #352d1d;
--color-yoghurt-950: #201a0d;
}SCSS
$yoghurt: #ffecc3;
$yoghurt-rgb: 255, 236, 195;
$yoghurt-light: mix(#fff, $yoghurt, 20%);
$yoghurt-dark: mix(#000, $yoghurt, 20%);
.element {
color: $yoghurt;
box-shadow: 0 0 0 2px rgba($yoghurt, 0.35);
}