Color con nombre · #CECD95
Corn Husk Green
Corn Husk Green es #CECD95: rgb(206 205 149), hsl(59 37% 70%), oklch(0.836 0.074 107). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Corn Husk Green color name →
#CECD95
oklch(0.836 0.074 107)
Conversiones de color
- HEX
- #cecd95
- RGB
- rgb(206 205 149)
- HSL
- hsl(59 37% 70%)
- HWB
- hwb(59 58% 19%)
- OKLCH
- oklch(0.836 0.074 107)
- OKLab
- oklab(0.836 -0.022 0.071)
- CIE Lab
- lab(81.47 -6.15 28.13)
- LCH
- lch(81.47 28.8 102.3)
- CMYK
- cmyk(0% 0% 28% 19%)
Tintes · Sombras · Tonos
Tintes
- D3D2A0
- D8D7AA
- DCDCB5
- E1E1C0
- E6E6CA
- EBEBD5
- F0F0DF
- F5F5EA
- FAFAF4
Sombras
- B3B281
- 98986D
- 7F7E5A
- 666648
- 4E4E37
- 383826
- 232316
- 0F0F08
- 020201
Tonos
- C6C593
- BEBD91
- B6B590
- AEAE8E
- A6A68C
- 9E9E89
- 979787
- 8F8F85
- 878782
Armonías de color
Complementario +180°
- CECD95
Corn Husk Green
- C5C2F7
≈ Light Periwinkle
Análogo -30° +30°
- CECD95
Corn Husk Green
- E4C393
≈ Ripe Wheat
- B3D5A6
≈ In Good Taste
Triádico +120° +240°
- CECD95
Corn Husk Green
- 95D3EF
≈ Slightly Spritzig
- EEB6D2
≈ Soft Cashmere
Complementario dividido +150° +210°
- CECD95
Corn Husk Green
- ABCBF9
≈ Night Snow
- DDBBE9
≈ Beefy Pink
Tetrádico +90° +180° +270°
- CECD95
Corn Husk Green
- 8ED8DA
≈ Island Oasis
- C5C2F7
≈ Light Periwinkle
- F5B6B8
≈ Precious Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.64:1 · APCA Lc 28
Ag
AAASobre negro
WCAG 12.79:1 · APCA Lc 74
Mejor color de texto: #000000
WCAG 12.79:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmentos de código
CSS
:root {
--corn-husk-green: #cecd95;
--corn-husk-green-rgb: 206 205 149;
--corn-husk-green-oklch: oklch(0.836 0.074 107);
}
.element {
color: var(--corn-husk-green);
background-color: hsl(59 37% 70%);
border-color: oklch(0.836 0.074 107);
}Tailwind CSS v4
@theme {
--color-corn-husk-green: #cecd95;
--color-corn-husk-green-50: #f6f7df;
--color-corn-husk-green-100: #e9eace;
--color-corn-husk-green-200: #d6d7b3;
--color-corn-husk-green-300: #babb8f;
--color-corn-husk-green-400: #a3a26e;
--color-corn-husk-green-500: #8c8a4e;
--color-corn-husk-green-600: #767543;
--color-corn-husk-green-700: #5e5d35;
--color-corn-husk-green-800: #464425;
--color-corn-husk-green-900: #302f18;
--color-corn-husk-green-950: #1d1b09;
}SCSS
$corn-husk-green: #cecd95;
$corn-husk-green-rgb: 206, 205, 149;
$corn-husk-green-light: mix(#fff, $corn-husk-green, 20%);
$corn-husk-green-dark: mix(#000, $corn-husk-green, 20%);
.element {
color: $corn-husk-green;
box-shadow: 0 0 0 2px rgba($corn-husk-green, 0.35);
}