Benoemde kleur · #DDBB33
Wax
Wax is #DDBB33: rgb(221 187 51), hsl(48 71% 53%), oklch(0.799 0.149 94.1). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Wax color name →
#DDBB33
oklch(0.799 0.149 94.1)
Kleurconversies
- HEX
- #ddbb33
- RGB
- rgb(221 187 51)
- HSL
- hsl(48 71% 53%)
- HWB
- hwb(48 20% 13%)
- OKLCH
- oklch(0.799 0.149 94.1)
- OKLab
- oklab(0.799 -0.011 0.149)
- CIE Lab
- lab(77.23 2.88 68.12)
- LCH
- lch(77.23 68.18 87.6)
- CMYK
- cmyk(0% 15% 77% 13%)
Tinten · Schaduwen · Tonen
Tinten
- E0C252
- E4C96A
- E7D07F
- EAD793
- EEDEA6
- F1E5B8
- F5EBCA
- F8F2DC
- FCF8ED
Schaduwen
- C0A22B
- A48A23
- 88731C
- 6E5C14
- 55460D
- 3D3207
- 261F03
- 110D01
- 020200
Tonen
- D3B543
- CAAF4F
- C0AA59
- B7A461
- AD9E68
- A4986E
- 9B9273
- 928C78
- 89867C
Kleurharmonieën
Complementair +180°
- DDBB33
Wax
- A9B9FF
≈ Pastel Blue
Analoog -30° +30°
Triadisch +120° +240°
Gesplitst complementair +150° +210°
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.86:1 · APCA Lc 35
Ag
AAAOp zwart
WCAG 11.23:1 · APCA Lc 67
Beste tekstkleur: #000000
WCAG 11.23:1 (AAA) · APCA Lc 67
Contrast pairs
Codefragmenten
CSS
:root {
--wax: #ddbb33;
--wax-rgb: 221 187 51;
--wax-oklch: oklch(0.799 0.149 94.1);
}
.element {
color: var(--wax);
background-color: hsl(48 71% 53%);
border-color: oklch(0.799 0.149 94.1);
}Tailwind CSS v4
@theme {
--color-wax: #ddbb33;
--color-wax-50: #fff6c5;
--color-wax-100: #f6e9af;
--color-wax-200: #e7d589;
--color-wax-300: #ceb757;
--color-wax-400: #bb9c09;
--color-wax-500: #a78200;
--color-wax-600: #8d6e00;
--color-wax-700: #715800;
--color-wax-800: #553f00;
--color-wax-900: #3b2c00;
--color-wax-950: #251900;
}SCSS
$wax: #ddbb33;
$wax-rgb: 221, 187, 51;
$wax-light: mix(#fff, $wax, 20%);
$wax-dark: mix(#000, $wax, 20%);
.element {
color: $wax;
box-shadow: 0 0 0 2px rgba($wax, 0.35);
}