Color con nombre · #FFE2B7
Cookie
Cookie es #FFE2B7: rgb(255 226 183), hsl(36 100% 86%), oklch(0.926 0.064 77.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Cookie color name →
#FFE2B7
oklch(0.926 0.064 77.5)
Conversiones de color
- HEX
- #ffe2b7
- RGB
- rgb(255 226 183)
- HSL
- hsl(36 100% 86%)
- HWB
- hwb(36 72% 0%)
- OKLCH
- oklch(0.926 0.064 77.5)
- OKLab
- oklab(0.926 0.014 0.063)
- CIE Lab
- lab(91.52 5.71 24.95)
- LCH
- lch(91.52 25.6 77.1)
- CMYK
- cmyk(0% 11% 28% 0%)
Tintes · Sombras · Tonos
Tintes
- FFE5BE
- FFE8C6
- FFEBCD
- FFEED4
- FFF1DB
- FFF4E3
- FFF6EA
- FFF9F1
- FFFCF8
Sombras
- DEC49F
- BEA887
- 9E8C70
- 80715A
- 635745
- 483E31
- 2E271E
- 16120C
- 030302
Tonos
- F2D8B2
- E4CEAC
- D7C4A7
- CABAA1
- BEB09C
- B1A696
- A59C91
- 98938B
- 8C8986
Armonías de color
Complementario +180°
- FFE2B7
Cookie
- D8E8FF
≈ Veiling Waterfalls
Análogo -30° +30°
- FFE2B7
Cookie
- FFDFD0
≈ Toronja
- EAEAB9
≈ Limited Lime
Triádico +120° +240°
- FFE2B7
Cookie
- B4F5F6
≈ Ice Citadel
- F6DCFF
≈ Lavender Savour
Complementario dividido +150° +210°
- FFE2B7
Cookie
- C8EDFF
≈ Blue Java Banana
- E4E3FF
≈ Stoic White
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASobre negro
WCAG 16.81:1 · APCA Lc 92
Mejor color de texto: #000000
WCAG 16.81:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmentos de código
CSS
:root {
--cookie: #ffe2b7;
--cookie-rgb: 255 226 183;
--cookie-oklch: oklch(0.926 0.064 77.5);
}
.element {
color: var(--cookie);
background-color: hsl(36 100% 86%);
border-color: oklch(0.926 0.064 77.5);
}Tailwind CSS v4
@theme {
--color-cookie: #ffe2b7;
--color-cookie-50: #fff4e1;
--color-cookie-100: #f4e6d0;
--color-cookie-200: #e3d2b6;
--color-cookie-300: #c9b493;
--color-cookie-400: #b49a73;
--color-cookie-500: #9e8154;
--color-cookie-600: #866d48;
--color-cookie-700: #6b5739;
--color-cookie-800: #4f3f29;
--color-cookie-900: #372c1b;
--color-cookie-950: #22190c;
}SCSS
$cookie: #ffe2b7;
$cookie-rgb: 255, 226, 183;
$cookie-light: mix(#fff, $cookie, 20%);
$cookie-dark: mix(#000, $cookie, 20%);
.element {
color: $cookie;
box-shadow: 0 0 0 2px rgba($cookie, 0.35);
}