Named color · #FFDF46
Gargoyle Gas
Gargoyle Gas is #FFDF46: rgb(255 223 70), hsl(50 100% 64%), oklch(0.905 0.166 96.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Gargoyle Gas color name →
#FFDF46
oklch(0.905 0.166 96.9)
Color conversions
- HEX
- #ffdf46
- RGB
- rgb(255 223 70)
- HSL
- hsl(50 100% 64%)
- HWB
- hwb(50 27% 0%)
- OKLCH
- oklch(0.905 0.166 96.9)
- OKLab
- oklab(0.905 -0.02 0.164)
- CIE Lab
- lab(89.64 0.17 74.31)
- LCH
- lch(89.64 74.31 89.9)
- CMYK
- cmyk(0% 13% 73% 0%)
Tints · Shades · Tones
Tints
- FFE362
- FFE679
- FFEA8C
- FFED9F
- FFF0B0
- FFF3C1
- FFF6D1
- FFF9E0
- FFFCF0
Shades
- DEC23C
- BEA532
- 9E8A28
- 806F1E
- 635615
- 483D0D
- 2E2705
- 161202
- 030200
Tones
- F2D553
- E4CC5D
- D7C266
- CAB96C
- BDAF71
- B1A676
- A49C79
- 98937C
- 8C897E
Color harmonies
Complementary +180°
- FFDF46
Gargoyle Gas
- D7DEFF
≈ Transparent Blue
Analogous -30° +30°
- FFDF46
Gargoyle Gas
- FFD8B0
≈ Acini di Pepe
- C2F473
≈ Cucumber Milk
Triadic +120° +240°
- FFDF46
Gargoyle Gas
- A9ECFF
≈ Beyond the Clouds
- FFCFF1
≈ Shampoo
Split-complementary +150° +210°
- FFDF46
Gargoyle Gas
- C6E4FF
≈ Fresh Water
- EAD6FF
≈ Rose Dragée
Tetradic +90° +180° +270°
- FFDF46
Gargoyle Gas
- 3AFFF0
≈ Ice Temple
- D7DEFF
≈ Transparent Blue
- FFD2DA
≈ Pink Fluorite
Contrast & accessibility
Ag
FailOn white
WCAG 1.32:1 · APCA Lc 16
Ag
AAAOn black
WCAG 15.89:1 · APCA Lc 88
Best text color: #000000
WCAG 15.89:1 (AAA) · APCA Lc 88
Contrast pairs
Code snippets
CSS
:root {
--gargoyle-gas: #ffdf46;
--gargoyle-gas-rgb: 255 223 70;
--gargoyle-gas-oklch: oklch(0.905 0.166 96.9);
}
.element {
color: var(--gargoyle-gas);
background-color: hsl(50 100% 64%);
border-color: oklch(0.905 0.166 96.9);
}Tailwind CSS v4
@theme {
--color-gargoyle-gas: #ffdf46;
--color-gargoyle-gas-50: #fff7c0;
--color-gargoyle-gas-100: #f5eaa9;
--color-gargoyle-gas-200: #e6d680;
--color-gargoyle-gas-300: #cdb848;
--color-gargoyle-gas-400: #bb9d00;
--color-gargoyle-gas-500: #a68300;
--color-gargoyle-gas-600: #8c6f00;
--color-gargoyle-gas-700: #705900;
--color-gargoyle-gas-800: #554000;
--color-gargoyle-gas-900: #3b2c00;
--color-gargoyle-gas-950: #251900;
}SCSS
$gargoyle-gas: #ffdf46;
$gargoyle-gas-rgb: 255, 223, 70;
$gargoyle-gas-light: mix(#fff, $gargoyle-gas, 20%);
$gargoyle-gas-dark: mix(#000, $gargoyle-gas, 20%);
.element {
color: $gargoyle-gas;
box-shadow: 0 0 0 2px rgba($gargoyle-gas, 0.35);
}