Nazwany kolor · #DEAD11
Deadly Mustard
Deadly Mustard to #DEAD11: rgb(222 173 17), hsl(46 86% 47%), oklch(0.771 0.155 87.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Deadly Mustard color name →
#DEAD11
oklch(0.771 0.155 87.6)
Konwersje koloru
- HEX
- #dead11
- RGB
- rgb(222 173 17)
- HSL
- hsl(46 86% 47%)
- HWB
- hwb(46 7% 13%)
- OKLCH
- oklch(0.771 0.155 87.6)
- OKLab
- oklab(0.771 0.006 0.155)
- CIE Lab
- lab(73.7 9.68 73.7)
- LCH
- lch(73.7 74.33 82.5)
- CMYK
- cmyk(0% 22% 92% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E1B641
- E5BE5D
- E8C674
- ECCF8A
- EFD79E
- F2DFB2
- F5E7C6
- F9EFD9
- FCF7EC
Odcienie ciemniejsze
- C1960D
- A57F09
- 896A06
- 6F5504
- 554102
- 3D2D01
- 261B00
- 120B00
- 020100
Tony
- D4A930
- CBA541
- C1A04E
- B89C58
- AE9761
- A59369
- 9C8E6F
- 928A75
- 89857B
Harmonie kolorów
Komplementarna +180°
- DEAD11
Deadly Mustard
- 94B2FF
≈ Carolina Blue
Analogowa -30° +30°
- DEAD11
Deadly Mustard
- FD9842
≈ Kumquat
- ADC13D
≈ Crisp Green
Triada +120° +240°
- DEAD11
Deadly Mustard
- 00CBE0
≈ Picnic Day Sky
- E88FE7
≈ Frail Fuchsia
Komplementarna rozszczepiona +150° +210°
- DEAD11
Deadly Mustard
- 54C0FF
≈ Hello Summer
- BFA1FF
≈ Diva
Tetrada +90° +180° +270°
- DEAD11
Deadly Mustard
- 00D1B4
≈ Mint Leaf
- 94B2FF
≈ Carolina Blue
- FF89B5
≈ Cochonnet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.08:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.09:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.09:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
CSS
:root {
--deadly-mustard: #dead11;
--deadly-mustard-rgb: 222 173 17;
--deadly-mustard-oklch: oklch(0.771 0.155 87.6);
}
.element {
color: var(--deadly-mustard);
background-color: hsl(46 86% 47%);
border-color: oklch(0.771 0.155 87.6);
}Tailwind CSS v4
@theme {
--color-deadly-mustard: #dead11;
--color-deadly-mustard-50: #fff4c3;
--color-deadly-mustard-100: #fce6ad;
--color-deadly-mustard-200: #eed285;
--color-deadly-mustard-300: #d7b350;
--color-deadly-mustard-400: #c59700;
--color-deadly-mustard-500: #b17c00;
--color-deadly-mustard-600: #956900;
--color-deadly-mustard-700: #785400;
--color-deadly-mustard-800: #5a3c00;
--color-deadly-mustard-900: #3f2a00;
--color-deadly-mustard-950: #281700;
}SCSS
$deadly-mustard: #dead11;
$deadly-mustard-rgb: 222, 173, 17;
$deadly-mustard-light: mix(#fff, $deadly-mustard, 20%);
$deadly-mustard-dark: mix(#000, $deadly-mustard, 20%);
.element {
color: $deadly-mustard;
box-shadow: 0 0 0 2px rgba($deadly-mustard, 0.35);
}