Adlandırılmış renk · #FEDF00
Tibetan Yellow
Tibetan Yellow, #FEDF00: rgb(254 223 0), hsl(53 100% 50%), oklch(0.902 0.187 99). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Tibetan Yellow color name →
#FEDF00
oklch(0.902 0.187 99)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FEE346
- FEE665
- FEEA7E
- FEED93
- FEF1A7
- FEF4BA
- FEF7CC
- FFFADD
- FFFCEE
Koyu tonlar
- DDC200
- BDA500
- 9E8A00
- 806F00
- 635600
- 473D00
- 2D2700
- 161200
- 030200
Gri tonlar
- F1D533
- E3CC47
- D6C255
- C9B960
- BDAF68
- B0A66F
- A49D74
- 989379
- 8C8A7D
Renk uyumları
Tamamlayıcı +180°
- FEDF00
Tibetan Yellow
- D7DCFF
≈ Transparent Blue
Analog -30° +30°
- FEDF00
Tibetan Yellow
- FFD7AB
≈ Peach Cider
- B8F663
≈ Lima
Üçlü +120° +240°
- FEDF00
Tibetan Yellow
- A9EBFF
≈ Beyond the Clouds
- FFCDEE
≈ Infra-White
Bölünmüş tamamlayıcı +150° +210°
- FEDF00
Tibetan Yellow
- C6E2FF
≈ Fresh Water
- EBD4FF
≈ Rose Dragée
Dörtlü +90° +180° +270°
- FEDF00
Tibetan Yellow
- 03FFF4
≈ Turquoise Blue
- D7DCFF
≈ Transparent Blue
- FFD1D7
≈ Love Fumes
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.33:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.76:1 · APCA Lc 88
En iyi metin rengi: #000000
WCAG 15.76:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
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);
}