Cor nomeada · #DEBB32
Bollywood
Bollywood é #DEBB32: rgb(222 187 50), hsl(48 72% 53%), oklch(0.8 0.15 93.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Bollywood color name →
#DEBB32
oklch(0.8 0.15 93.7)
Conversões de cor
- HEX
- #debb32
- RGB
- rgb(222 187 50)
- HSL
- hsl(48 72% 53%)
- HWB
- hwb(48 20% 13%)
- OKLCH
- oklch(0.8 0.15 93.7)
- OKLab
- oklab(0.8 -0.01 0.15)
- CIE Lab
- lab(77.32 3.28 68.57)
- LCH
- lch(77.32 68.65 87.3)
- CMYK
- cmyk(0% 16% 77% 13%)
Tons claros · Sombras · Tons
Tons claros
- E1C251
- E5C969
- E8D07F
- EBD792
- EEDEA5
- F2E5B8
- F5EBCA
- F8F2DC
- FCF9ED
Sombras
- C1A22A
- A58A22
- 89731B
- 6F5C14
- 55460D
- 3D3207
- 261F03
- 120D01
- 020200
Tons
- D4B543
- CAAF4F
- C1AA58
- B7A461
- AE9E68
- A4986E
- 9B9273
- 928C78
- 89867C
Harmonias de cor
Complementar +180°
- DEBB32
Bollywood
- A9B9FF
≈ Pastel Blue
Análoga -30° +30°
- DEBB32
Bollywood
- FFA74C
≈ Pumpkin Vapour
- AACE58
≈ Young Green Onion
Tríade +120° +240°
- DEBB32
Bollywood
- 00D4F4
≈ Neon Blue
- F797E6
≈ Pink Elephants
Complementar dividida +150° +210°
- DEBB32
Bollywood
- 7EC6FF
≈ Chromis Damsel Blue
- CFAAFF
≈ Purple Hepatica
Tétrade +90° +180° +270°
- DEBB32
Bollywood
- 00DBC8
≈ Mint Morning
- A9B9FF
≈ Pastel Blue
- FF9CB5
≈ Saira Red
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.86:1 · APCA Lc 35
Ag
AAASobre preto
WCAG 11.26:1 · APCA Lc 67
Melhor cor de texto: #000000
WCAG 11.26:1 (AAA) · APCA Lc 67
Contrast pairs
Trechos de código
CSS
:root {
--bollywood: #debb32;
--bollywood-rgb: 222 187 50;
--bollywood-oklch: oklch(0.8 0.15 93.7);
}
.element {
color: var(--bollywood);
background-color: hsl(48 72% 53%);
border-color: oklch(0.8 0.15 93.7);
}Tailwind CSS v4
@theme {
--color-bollywood: #debb32;
--color-bollywood-50: #fff6c5;
--color-bollywood-100: #f7e8af;
--color-bollywood-200: #e7d489;
--color-bollywood-300: #ceb756;
--color-bollywood-400: #bc9b05;
--color-bollywood-500: #a78100;
--color-bollywood-600: #8d6e00;
--color-bollywood-700: #715800;
--color-bollywood-800: #553f00;
--color-bollywood-900: #3b2c00;
--color-bollywood-950: #251800;
}SCSS
$bollywood: #debb32;
$bollywood-rgb: 222, 187, 50;
$bollywood-light: mix(#fff, $bollywood, 20%);
$bollywood-dark: mix(#000, $bollywood, 20%);
.element {
color: $bollywood;
box-shadow: 0 0 0 2px rgba($bollywood, 0.35);
}