Cor nomeada · #FED200
Cavendish
Cavendish é #FED200: rgb(254 210 0), hsl(50 100% 50%), oklch(0.876 0.179 93.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Cavendish color name →
#FED200
oklch(0.876 0.179 93.5)
Conversões de cor
- HEX
- #fed200
- RGB
- rgb(254 210 0)
- HSL
- hsl(50 100% 50%)
- HWB
- hwb(50 0% 0%)
- OKLCH
- oklch(0.876 0.179 93.5)
- OKLab
- oklab(0.876 -0.011 0.179)
- CIE Lab
- lab(86.13 4.9 85.62)
- LCH
- lch(86.13 85.76 86.7)
- CMYK
- cmyk(0% 17% 100% 0%)
Tons claros · Sombras · Tons
Tons claros
- FED744
- FEDC63
- FEE17B
- FEE591
- FFEAA5
- FFEEB8
- FFF3CA
- FFF7DC
- FFFBEE
Sombras
- DDB600
- BD9B00
- 9E8100
- 806800
- 635000
- 473900
- 2D2400
- 161000
- 030200
Tons
- F1CA32
- E4C245
- D7BA53
- CAB15E
- BDA966
- B1A16D
- A49973
- 989178
- 8C887C
Harmonias de cor
Complementar +180°
- FED200
Cavendish
- C9D4FF
≈ Pale Phthalo Blue
Análoga -30° +30°
- FED200
Cavendish
- FFCB9B
≈ Peach Orange
- BFE954
≈ Energos
Tríade +120° +240°
- FED200
Cavendish
- 7FE8FF
≈ Robin’s Egg
- FFBEF2
≈ Pink Quartz
Complementar dividida +150° +210°
- FED200
Cavendish
- B2DCFF
≈ Droplet
- E0CBFF
≈ Foggy Heath
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.45:1 · APCA Lc 21
Ag
AAASobre preto
WCAG 14.43:1 · APCA Lc 82
Melhor cor de texto: #000000
WCAG 14.43:1 (AAA) · APCA Lc 82
Contrast pairs
Trechos de código
CSS
:root {
--cavendish: #fed200;
--cavendish-rgb: 254 210 0;
--cavendish-oklch: oklch(0.876 0.179 93.5);
}
.element {
color: var(--cavendish);
background-color: hsl(50 100% 50%);
border-color: oklch(0.876 0.179 93.5);
}Tailwind CSS v4
@theme {
--color-cavendish: #fed200;
--color-cavendish-50: #fff6bb;
--color-cavendish-100: #fae8a3;
--color-cavendish-200: #ecd477;
--color-cavendish-300: #d4b636;
--color-cavendish-400: #c29a00;
--color-cavendish-500: #ae7f00;
--color-cavendish-600: #936b00;
--color-cavendish-700: #765600;
--color-cavendish-800: #593e00;
--color-cavendish-900: #3e2a00;
--color-cavendish-950: #271700;
}SCSS
$cavendish: #fed200;
$cavendish-rgb: 254, 210, 0;
$cavendish-light: mix(#fff, $cavendish, 20%);
$cavendish-dark: mix(#000, $cavendish, 20%);
.element {
color: $cavendish;
box-shadow: 0 0 0 2px rgba($cavendish, 0.35);
}