Nazwany kolor · #AA9900
Nuclear Fallout
Nuclear Fallout to #AA9900: rgb(170 153 0), hsl(54 100% 33%), oklch(0.677 0.141 101.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Nuclear Fallout color name →
#AA9900
oklch(0.677 0.141 101.5)
Konwersje koloru
- HEX
- #aa9900
- RGB
- rgb(170 153 0)
- HSL
- hsl(54 100% 33%)
- HWB
- hwb(54 0% 33%)
- OKLCH
- oklch(0.677 0.141 101.5)
- OKLab
- oklab(0.677 -0.028 0.139)
- CIE Lab
- lab(63.16 -3.17 65.74)
- LCH
- lch(63.16 65.81 92.8)
- CMYK
- cmyk(0% 10% 100% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B2A337
- BAAE53
- C2B86B
- CBC281
- D3CC97
- DCD6AC
- E4E1C1
- EDEBD5
- F6F5EA
Odcienie ciemniejsze
- 938400
- 7D7000
- 685D00
- 534A00
- 3F3800
- 2D2700
- 1B1700
- 0B0800
- 010100
Tony
- A69726
- A19538
- 9D9246
- 999051
- 948D5A
- 908B63
- 8C886B
- 888672
- 848379
Harmonie kolorów
Komplementarna +180°
- AA9900
Nuclear Fallout
- 8A8BEC
≈ Perrywinkle
Analogowa -30° +30°
- AA9900
Nuclear Fallout
- CC8612
≈ Lobster Butter Sauce
- 77A945
≈ Parakeet
Triada +120° +240°
- AA9900
Nuclear Fallout
- 00A8CD
≈ Gummy Dolphins
- D171B0
≈ Sky Magenta
Komplementarna rozszczepiona +150° +210°
- AA9900
Nuclear Fallout
- 4E9BEB
≈ Perfect Days
- B47CD6
≈ Lavender Blossom
Tetrada +90° +180° +270°
- AA9900
Nuclear Fallout
- 00AEA9
≈ Teal Me No Lies
- 8A8BEC
≈ Perrywinkle
- E06F81
≈ Cherry Brandy
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.89:1 · APCA Lc 55
Ag
AAANa czerni
WCAG 7.26:1 · APCA Lc 47
Najlepszy kolor tekstu: #000000
WCAG 7.26:1 (AAA) · APCA Lc 47
Contrast pairs
Fragmenty kodu
CSS
:root {
--nuclear-fallout: #aa9900;
--nuclear-fallout-rgb: 170 153 0;
--nuclear-fallout-oklch: oklch(0.677 0.141 101.5);
}
.element {
color: var(--nuclear-fallout);
background-color: hsl(54 100% 33%);
border-color: oklch(0.677 0.141 101.5);
}Tailwind CSS v4
@theme {
--color-nuclear-fallout: #aa9900;
--color-nuclear-fallout-50: #fcf8c9;
--color-nuclear-fallout-100: #f0ebb4;
--color-nuclear-fallout-200: #ded890;
--color-nuclear-fallout-300: #c4bb60;
--color-nuclear-fallout-400: #b0a027;
--color-nuclear-fallout-500: #9b8700;
--color-nuclear-fallout-600: #837200;
--color-nuclear-fallout-700: #695c00;
--color-nuclear-fallout-800: #4f4200;
--color-nuclear-fallout-900: #372e00;
--color-nuclear-fallout-950: #221a00;
}SCSS
$nuclear-fallout: #aa9900;
$nuclear-fallout-rgb: 170, 153, 0;
$nuclear-fallout-light: mix(#fff, $nuclear-fallout, 20%);
$nuclear-fallout-dark: mix(#000, $nuclear-fallout, 20%);
.element {
color: $nuclear-fallout;
box-shadow: 0 0 0 2px rgba($nuclear-fallout, 0.35);
}