Colore con nome · #FFECC3
Yoghurt
Yoghurt è #FFECC3: rgb(255 236 195), hsl(41 100% 88%), oklch(0.948 0.057 86.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Yoghurt color name →
#FFECC3
oklch(0.948 0.057 86.1)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- FFEEC9
- FFF0CF
- FFF2D5
- FFF4DB
- FFF6E1
- FFF8E7
- FFF9ED
- FFFBF3
- FFFDF9
Ombre
- DECDA9
- BEAF90
- 9E9278
- 807660
- 635B4A
- 484234
- 2E2920
- 16130E
- 030302
Toni
- F2E1BC
- E4D6B6
- D7CAAF
- CABFA8
- BEB5A1
- B1AA9B
- A49F94
- 98958D
- 8C8A87
Armonie di colore
Complementare +180°
- FFECC3
Yoghurt
- E6EEFF
≈ Brilliant White
Analogo -30° +30°
- FFECC3
Yoghurt
- FFE9DB
≈ Guiding Star
- EBF3C8
≈ Feijoa Flower
Triadico +120° +240°
- FFECC3
Yoghurt
- C6F9FF
≈ Thin Air
- FFE4FF
≈ Fairy Salt
Complementare divisa +150° +210°
- FFECC3
Yoghurt
- DCF1FF
≈ Wizard White
- EFEAFF
≈ Placebo Purple
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.16:1 · APCA Lc 8
Ag
AAASu nero
WCAG 18.03:1 · APCA Lc 97
Miglior colore del testo: #000000
WCAG 18.03:1 (AAA) · APCA Lc 97
Contrast pairs
Frammenti di codice
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);
}