Cor nomeada · #EDD2A4
Dairy Cream
Dairy Cream é #EDD2A4: rgb(237 210 164), hsl(38 67% 79%), oklch(0.875 0.067 80.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Dairy Cream color name →
#EDD2A4
oklch(0.875 0.067 80.8)
Conversões de cor
- HEX
- #edd2a4
- RGB
- rgb(237 210 164)
- HSL
- hsl(38 67% 79%)
- HWB
- hwb(38 64% 7%)
- OKLCH
- oklch(0.875 0.067 80.8)
- OKLab
- oklab(0.875 0.011 0.066)
- CIE Lab
- lab(85.65 4.83 26.51)
- LCH
- lch(85.65 26.95 79.7)
- CMYK
- cmyk(0% 11% 31% 7%)
Tons claros · Sombras · Tons
Tons claros
- EFD7AD
- F1DBB6
- F3E0C0
- F4E4C9
- F6E9D2
- F8EDDB
- FAF2E4
- FCF6ED
- FDFBF6
Sombras
- CEB68E
- B09B79
- 938164
- 776850
- 5C503D
- 42392B
- 2A241A
- 14100A
- 030201
Tons
- E2CAA1
- D6C19D
- CBB99A
- C0B196
- B5A893
- AAA08F
- A0988B
- 959088
- 8A8884
Harmonias de cor
Complementar +180°
- EDD2A4
Dairy Cream
- BFD7FF
≈ Oh Boy!
Análoga -30° +30°
- EDD2A4
Dairy Cream
- FBCAAE
≈ Bleached Apricot
- D7DBA8
≈ Willow Wind
Tríade +120° +240°
- EDD2A4
Dairy Cream
- A1E4E8
≈ Blizzard Blue
- EBC8F1
≈ Sugar High
Complementar dividida +150° +210°
- EDD2A4
Dairy Cream
- A9DFFA
≈ Fairy Sparkles
- D5CFFF
≈ Pale Lavender
Tétrade +90° +180° +270°
- EDD2A4
Dairy Cream
- A9E5D0
≈ Botanical Tint
- BFD7FF
≈ Oh Boy!
- FAC4DB
≈ Miami Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.46:1 · APCA Lc 22
Ag
AAASobre preto
WCAG 14.35:1 · APCA Lc 81
Melhor cor de texto: #000000
WCAG 14.35:1 (AAA) · APCA Lc 81
Contrast pairs
Trechos de código
CSS
:root {
--dairy-cream: #edd2a4;
--dairy-cream-rgb: 237 210 164;
--dairy-cream-oklch: oklch(0.875 0.067 80.8);
}
.element {
color: var(--dairy-cream);
background-color: hsl(38 67% 79%);
border-color: oklch(0.875 0.067 80.8);
}Tailwind CSS v4
@theme {
--color-dairy-cream: #edd2a4;
--color-dairy-cream-50: #fff4e0;
--color-dairy-cream-100: #f3e6cf;
--color-dairy-cream-200: #e2d2b4;
--color-dairy-cream-300: #c8b591;
--color-dairy-cream-400: #b39b71;
--color-dairy-cream-500: #9d8251;
--color-dairy-cream-600: #856e45;
--color-dairy-cream-700: #6a5837;
--color-dairy-cream-800: #4f4027;
--color-dairy-cream-900: #372c1a;
--color-dairy-cream-950: #22190b;
}SCSS
$dairy-cream: #edd2a4;
$dairy-cream-rgb: 237, 210, 164;
$dairy-cream-light: mix(#fff, $dairy-cream, 20%);
$dairy-cream-dark: mix(#000, $dairy-cream, 20%);
.element {
color: $dairy-cream;
box-shadow: 0 0 0 2px rgba($dairy-cream, 0.35);
}