Adlandırılmış renk · #FBFB4C
Biohazard Suit
Biohazard Suit, #FBFB4C: rgb(251 251 76), hsl(60 96% 64%), oklch(0.959 0.186 109.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Biohazard Suit color name →
#FBFB4C
oklch(0.959 0.186 109.4)
Renk dönüşümleri
- HEX
- #fbfb4c
- RGB
- rgb(251 251 76)
- HSL
- hsl(60 96% 64%)
- HWB
- hwb(60 30% 2%)
- OKLCH
- oklch(0.959 0.186 109.4)
- OKLab
- oklab(0.959 -0.062 0.175)
- CIE Lab
- lab(96.43 -14.31 78.41)
- LCH
- lch(96.43 79.7 100.3)
- CMYK
- cmyk(0% 0% 70% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FBFC68
- FBFD7F
- FCFD92
- FCFEA4
- FCFEB5
- FDFFC5
- FDFFD4
- FEFFE3
- FEFFF1
Koyu tonlar
- DADA41
- BABA36
- 9C9C2C
- 7E7E22
- 616118
- 46460F
- 2D2D06
- 151502
- 030300
Gri tonlar
- EEEE59
- E1E263
- D4D56B
- C7C971
- BBBD75
- AFB079
- A3A47C
- 97987E
- 8B8C7F
Renk uyumları
Tamamlayıcı +180°
- FBFB4C
Biohazard Suit
- F1EFFF
≈ Foundation White
Analog -30° +30°
- FBFB4C
Biohazard Suit
- FFEFD6
≈ Blank Canvas
- D7FFCD
≈ Herbal Vapours
Üçlü +120° +240°
- FBFB4C
Biohazard Suit
- E1F5FF
≈ Glacial Day
- FFEBF4
≈ Fairy Wings
Bölünmüş tamamlayıcı +150° +210°
- FBFB4C
Biohazard Suit
- EAF2FF
≈ Moon White
- FBEBFF
≈ Fairy Bubblegum Cloud
Dörtlü +90° +180° +270°
- FBFB4C
Biohazard Suit
- C9FDFF
≈ Thin Air
- F1EFFF
≈ Foundation White
- FFECEC
≈ Translucent Unicorn
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.10:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 19.00:1 · APCA Lc 100
En iyi metin rengi: #000000
WCAG 19.00:1 (AAA) · APCA Lc 100
Contrast pairs
Kod parçacıkları
CSS
:root {
--biohazard-suit: #fbfb4c;
--biohazard-suit-rgb: 251 251 76;
--biohazard-suit-oklch: oklch(0.959 0.186 109.4);
}
.element {
color: var(--biohazard-suit);
background-color: hsl(60 96% 64%);
border-color: oklch(0.959 0.186 109.4);
}Tailwind CSS v4
@theme {
--color-biohazard-suit: #fbfb4c;
--color-biohazard-suit-50: #f6fbbe;
--color-biohazard-suit-100: #e9efa6;
--color-biohazard-suit-200: #d7dc7b;
--color-biohazard-suit-300: #bbc03e;
--color-biohazard-suit-400: #a8a600;
--color-biohazard-suit-500: #928c00;
--color-biohazard-suit-600: #7b7700;
--color-biohazard-suit-700: #625f00;
--color-biohazard-suit-800: #4a4500;
--color-biohazard-suit-900: #343000;
--color-biohazard-suit-950: #1f1c00;
}SCSS
$biohazard-suit: #fbfb4c;
$biohazard-suit-rgb: 251, 251, 76;
$biohazard-suit-light: mix(#fff, $biohazard-suit, 20%);
$biohazard-suit-dark: mix(#000, $biohazard-suit, 20%);
.element {
color: $biohazard-suit;
box-shadow: 0 0 0 2px rgba($biohazard-suit, 0.35);
}