Nazwany kolor · #DEAD00
Mortal Yellow
Mortal Yellow to #DEAD00: rgb(222 173 0), hsl(47 100% 44%), oklch(0.771 0.158 88.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Mortal Yellow color name →
#DEAD00
oklch(0.771 0.158 88.1)
Konwersje koloru
- HEX
- #dead00
- RGB
- rgb(222 173 0)
- HSL
- hsl(47 100% 44%)
- HWB
- hwb(47 0% 13%)
- OKLCH
- oklch(0.771 0.158 88.1)
- OKLab
- oklab(0.771 0.005 0.157)
- CIE Lab
- lab(73.68 9.56 75.68)
- LCH
- lch(73.68 76.28 82.8)
- CMYK
- cmyk(0% 22% 100% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E1B63D
- E5BE5A
- E8C673
- ECCF89
- EFD79D
- F2DFB1
- F5E7C5
- F9EFD9
- FCF7EC
Odcienie ciemniejsze
- C19600
- A57F00
- 896A00
- 6F5500
- 554100
- 3D2D00
- 261B00
- 120B00
- 020100
Tony
- D4A92C
- CBA53E
- C1A04C
- B89C57
- AE9760
- A59368
- 9C8E6F
- 928A75
- 89857B
Harmonie kolorów
Komplementarna +180°
- DEAD00
Mortal Yellow
- 95B1FF
≈ Widowmaker
Analogowa -30° +30°
- DEAD00
Mortal Yellow
- FD983E
≈ Kumquat
- ACC13A
≈ Crisp Green
Triada +120° +240°
- DEAD00
Mortal Yellow
- 00CBE0
≈ Picnic Day Sky
- EA8EE7
≈ Frail Fuchsia
Komplementarna rozszczepiona +150° +210°
- DEAD00
Mortal Yellow
- 55C0FF
≈ Hello Summer
- BFA1FF
≈ Diva
Tetrada +90° +180° +270°
- DEAD00
Mortal Yellow
- 00D1B5
≈ Mint Leaf
- 95B1FF
≈ Widowmaker
- FF89B4
≈ Cochonnet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.08:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.08:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.08:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
CSS
:root {
--mortal-yellow: #dead00;
--mortal-yellow-rgb: 222 173 0;
--mortal-yellow-oklch: oklch(0.771 0.158 88.1);
}
.element {
color: var(--mortal-yellow);
background-color: hsl(47 100% 44%);
border-color: oklch(0.771 0.158 88.1);
}Tailwind CSS v4
@theme {
--color-mortal-yellow: #dead00;
--color-mortal-yellow-50: #fff4c2;
--color-mortal-yellow-100: #fce6ac;
--color-mortal-yellow-200: #eed284;
--color-mortal-yellow-300: #d7b34e;
--color-mortal-yellow-400: #c59700;
--color-mortal-yellow-500: #b17c00;
--color-mortal-yellow-600: #966900;
--color-mortal-yellow-700: #785400;
--color-mortal-yellow-800: #5a3c00;
--color-mortal-yellow-900: #3f2a00;
--color-mortal-yellow-950: #281700;
}SCSS
$mortal-yellow: #dead00;
$mortal-yellow-rgb: 222, 173, 0;
$mortal-yellow-light: mix(#fff, $mortal-yellow, 20%);
$mortal-yellow-dark: mix(#000, $mortal-yellow, 20%);
.element {
color: $mortal-yellow;
box-shadow: 0 0 0 2px rgba($mortal-yellow, 0.35);
}