Cor nomeada · #FEDF00
Tibetan Yellow
Tibetan Yellow é #FEDF00: rgb(254 223 0), hsl(53 100% 50%), oklch(0.902 0.187 99). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Tibetan Yellow color name →
#FEDF00
oklch(0.902 0.187 99)
Conversões de cor
- HEX
- #fedf00
- RGB
- rgb(254 223 0)
- HSL
- hsl(53 100% 50%)
- HWB
- hwb(53 0% 0%)
- OKLCH
- oklch(0.902 0.187 99)
- OKLab
- oklab(0.902 -0.029 0.185)
- CIE Lab
- lab(89.37 -1.34 87.76)
- LCH
- lch(89.37 87.77 90.9)
- CMYK
- cmyk(0% 12% 100% 0%)
Tons claros · Sombras · Tons
Tons claros
- FEE346
- FEE665
- FEEA7E
- FEED93
- FEF1A7
- FEF4BA
- FEF7CC
- FFFADD
- FFFCEE
Sombras
- DDC200
- BDA500
- 9E8A00
- 806F00
- 635600
- 473D00
- 2D2700
- 161200
- 030200
Tons
- F1D533
- E3CC47
- D6C255
- C9B960
- BDAF68
- B0A66F
- A49D74
- 989379
- 8C8A7D
Harmonias de cor
Complementar +180°
- FEDF00
Tibetan Yellow
- D7DCFF
≈ Transparent Blue
Análoga -30° +30°
- FEDF00
Tibetan Yellow
- FFD7AB
≈ Peach Cider
- B8F663
≈ Lima
Tríade +120° +240°
- FEDF00
Tibetan Yellow
- A9EBFF
≈ Beyond the Clouds
- FFCDEE
≈ Infra-White
Complementar dividida +150° +210°
- FEDF00
Tibetan Yellow
- C6E2FF
≈ Fresh Water
- EBD4FF
≈ Rose Dragée
Tétrade +90° +180° +270°
- FEDF00
Tibetan Yellow
- 03FFF4
≈ Turquoise Blue
- D7DCFF
≈ Transparent Blue
- FFD1D7
≈ Love Fumes
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.33:1 · APCA Lc 16
Ag
AAASobre preto
WCAG 15.76:1 · APCA Lc 88
Melhor cor de texto: #000000
WCAG 15.76:1 (AAA) · APCA Lc 88
Contrast pairs
Trechos de código
CSS
:root {
--tibetan-yellow: #fedf00;
--tibetan-yellow-rgb: 254 223 0;
--tibetan-yellow-oklch: oklch(0.902 0.187 99);
}
.element {
color: var(--tibetan-yellow);
background-color: hsl(53 100% 50%);
border-color: oklch(0.902 0.187 99);
}Tailwind CSS v4
@theme {
--color-tibetan-yellow: #fedf00;
--color-tibetan-yellow-50: #fff8b9;
--color-tibetan-yellow-100: #f5eaa1;
--color-tibetan-yellow-200: #e5d774;
--color-tibetan-yellow-300: #ccb92f;
--color-tibetan-yellow-400: #bb9e00;
--color-tibetan-yellow-500: #a68300;
--color-tibetan-yellow-600: #8d6f00;
--color-tibetan-yellow-700: #715900;
--color-tibetan-yellow-800: #554000;
--color-tibetan-yellow-900: #3b2c00;
--color-tibetan-yellow-950: #251900;
}SCSS
$tibetan-yellow: #fedf00;
$tibetan-yellow-rgb: 254, 223, 0;
$tibetan-yellow-light: mix(#fff, $tibetan-yellow, 20%);
$tibetan-yellow-dark: mix(#000, $tibetan-yellow, 20%);
.element {
color: $tibetan-yellow;
box-shadow: 0 0 0 2px rgba($tibetan-yellow, 0.35);
}