Color con nombre · #E2C28E
Birdseed
Birdseed es #E2C28E: rgb(226 194 142), hsl(37 59% 72%), oklch(0.829 0.077 79.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Birdseed color name →
#E2C28E
oklch(0.829 0.077 79.5)
Conversiones de color
- HEX
- #e2c28e
- RGB
- rgb(226 194 142)
- HSL
- hsl(37 59% 72%)
- HWB
- hwb(37 56% 11%)
- OKLCH
- oklch(0.829 0.077 79.5)
- OKLab
- oklab(0.829 0.014 0.076)
- CIE Lab
- lab(80.31 6.47 30.64)
- LCH
- lch(80.31 31.31 78.1)
- CMYK
- cmyk(0% 14% 37% 11%)
Tintes · Sombras · Tonos
Tintes
- E5C89A
- E8CEA5
- EBD4B0
- EEDABC
- F1E1C7
- F4E7D2
- F7EDDD
- F9F3E8
- FCF9F4
Sombras
- C4A87B
- A88F68
- 8C7756
- 716044
- 574934
- 3E3424
- 272015
- 120E07
- 030201
Tonos
- D8BB8D
- CEB58C
- C4AE8B
- BAA78A
- B0A188
- A69A87
- 9D9485
- 938D84
- 898682
Armonías de color
Complementario +180°
- E2C28E
Birdseed
- AAC9FA
≈ Night Snow
Análogo -30° +30°
- E2C28E
Birdseed
- F1B99B
≈ Mandys Pink
- CACC91
≈ Springtide Green
Triádico +120° +240°
- E2C28E
Birdseed
- 89D7DA
≈ Vibrant Soft Blue
- DEB8E7
≈ Pretty Petunia
Complementario dividido +150° +210°
- E2C28E
Birdseed
- 92D1F0
≈ Slightly Spritzig
- C5BFF7
≈ Connecticut Lilac
Tetrádico +90° +180° +270°
- E2C28E
Birdseed
- 94D8BF
≈ Chloride
- AAC9FA
≈ Night Snow
- EEB3CF
≈ Fairy Tale
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.70:1 · APCA Lc 30
Ag
AAASobre negro
WCAG 12.34:1 · APCA Lc 72
Mejor color de texto: #000000
WCAG 12.34:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--birdseed: #e2c28e;
--birdseed-rgb: 226 194 142;
--birdseed-oklch: oklch(0.829 0.077 79.5);
}
.element {
color: var(--birdseed);
background-color: hsl(37 59% 72%);
border-color: oklch(0.829 0.077 79.5);
}Tailwind CSS v4
@theme {
--color-birdseed: #e2c28e;
--color-birdseed-50: #fff4dd;
--color-birdseed-100: #f5e6cc;
--color-birdseed-200: #e5d2b0;
--color-birdseed-300: #ccb48b;
--color-birdseed-400: #b79a6a;
--color-birdseed-500: #a18048;
--color-birdseed-600: #886d3e;
--color-birdseed-700: #6d5731;
--color-birdseed-800: #513f22;
--color-birdseed-900: #392b17;
--color-birdseed-950: #231908;
}SCSS
$birdseed: #e2c28e;
$birdseed-rgb: 226, 194, 142;
$birdseed-light: mix(#fff, $birdseed, 20%);
$birdseed-dark: mix(#000, $birdseed, 20%);
.element {
color: $birdseed;
box-shadow: 0 0 0 2px rgba($birdseed, 0.35);
}