Color con nombre · #CAC990
Creamy Spinaci
Creamy Spinaci es #CAC990: rgb(202 201 144), hsl(59 35% 68%), oklch(0.823 0.075 107.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Creamy Spinaci color name →
#CAC990
oklch(0.823 0.075 107.1)
Conversiones de color
- HEX
- #cac990
- RGB
- rgb(202 201 144)
- HSL
- hsl(59 35% 68%)
- HWB
- hwb(59 56% 21%)
- OKLCH
- oklch(0.823 0.075 107.1)
- OKLab
- oklab(0.823 -0.022 0.072)
- CIE Lab
- lab(80.01 -6.24 28.73)
- LCH
- lch(80.01 29.4 102.3)
- CMYK
- cmyk(0% 0% 29% 21%)
Tintes · Sombras · Tonos
Tintes
- CFCE9B
- D4D4A6
- D9D9B2
- DFDFBD
- E4E4C8
- E9E9D3
- EFEFDE
- F4F4E9
- FAFAF4
Sombras
- AFAE7D
- 95956A
- 7C7C57
- 646445
- 4D4C34
- 373624
- 222215
- 0F0F07
- 020201
Tonos
- C2C28F
- BBBA8E
- B3B38C
- ACAB8B
- A4A489
- 9D9D88
- 959586
- 8E8E84
- 878782
Armonías de color
Complementario +180°
- CAC990
Creamy Spinaci
- C1BEF4
≈ Vodka
Análogo -30° +30°
- CAC990
Creamy Spinaci
- E1BF8E
≈ Warm Muffin
- AED1A1
≈ Relaxation Green
Triádico +120° +240°
- CAC990
Creamy Spinaci
- 90CFEB
≈ Bluebottle
- EAB2CE
≈ Gumball
Complementario dividido +150° +210°
- CAC990
Creamy Spinaci
- A6C7F6
≈ Baby Blue Eyes
- D9B6E6
≈ Pretty Petunia
Tetrádico +90° +180° +270°
- CAC990
Creamy Spinaci
- 89D5D6
≈ Mountain Lake Blue
- C1BEF4
≈ Vodka
- F2B2B3
≈ Jaguar Rose
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.71:1 · APCA Lc 31
Ag
AAASobre negro
WCAG 12.26:1 · APCA Lc 72
Mejor color de texto: #000000
WCAG 12.26:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--creamy-spinaci: #cac990;
--creamy-spinaci-rgb: 202 201 144;
--creamy-spinaci-oklch: oklch(0.823 0.075 107.1);
}
.element {
color: var(--creamy-spinaci);
background-color: hsl(59 35% 68%);
border-color: oklch(0.823 0.075 107.1);
}Tailwind CSS v4
@theme {
--color-creamy-spinaci: #cac990;
--color-creamy-spinaci-50: #f6f7df;
--color-creamy-spinaci-100: #e9eace;
--color-creamy-spinaci-200: #d6d7b3;
--color-creamy-spinaci-300: #babb8f;
--color-creamy-spinaci-400: #a3a26d;
--color-creamy-spinaci-500: #8c8a4d;
--color-creamy-spinaci-600: #767542;
--color-creamy-spinaci-700: #5e5d34;
--color-creamy-spinaci-800: #464424;
--color-creamy-spinaci-900: #302f18;
--color-creamy-spinaci-950: #1d1b09;
}SCSS
$creamy-spinaci: #cac990;
$creamy-spinaci-rgb: 202, 201, 144;
$creamy-spinaci-light: mix(#fff, $creamy-spinaci, 20%);
$creamy-spinaci-dark: mix(#000, $creamy-spinaci, 20%);
.element {
color: $creamy-spinaci;
box-shadow: 0 0 0 2px rgba($creamy-spinaci, 0.35);
}