Named color · #DDAA11
Honeycomb
Honeycomb is #DDAA11: rgb(221 170 17), hsl(45 86% 47%), oklch(0.764 0.154 86.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Honeycomb color name →
#DDAA11
oklch(0.764 0.154 86.4)
Color conversions
- HEX
- #ddaa11
- RGB
- rgb(221 170 17)
- HSL
- hsl(45 86% 47%)
- HWB
- hwb(45 7% 13%)
- OKLCH
- oklch(0.764 0.154 86.4)
- OKLab
- oklab(0.764 0.01 0.153)
- CIE Lab
- lab(72.85 10.77 73.05)
- LCH
- lch(72.85 73.84 81.6)
- CMYK
- cmyk(0% 23% 92% 13%)
Tints · Shades · Tones
Tints
- E1B340
- E4BC5C
- E8C474
- EBCD89
- EFD59E
- F2DEB2
- F5E6C5
- F9EFD9
- FCF7EC
Shades
- C0930D
- A47D09
- 886806
- 6E5304
- 553F02
- 3D2D01
- 261B00
- 110B00
- 020100
Tones
- D3A630
- CAA241
- C19E4D
- B79A58
- AE9661
- A59268
- 9B8D6F
- 928975
- 89857B
Color harmonies
Complementary +180°
- DDAA11
Honeycomb
- 8FB0FF
≈ Kitten’s Eye
Analogous -30° +30°
- DDAA11
Honeycomb
- FB9644
≈ Kumquat
- ADBE39
≈ Lush Bamboo
Triadic +120° +240°
- DDAA11
Honeycomb
- 00C9DB
≈ Turquoise Surf
- E48DE6
≈ Bright Lilac
Split-complementary +150° +210°
- DDAA11
Honeycomb
- 46BFFF
≈ Megaman
- BB9FFF
≈ Diva
Tetradic +90° +180° +270°
- DDAA11
Honeycomb
- 00CFB0
≈ Mint Leaf
- 8FB0FF
≈ Kitten’s Eye
- FD86B5
≈ Cochonnet
Contrast & accessibility
Ag
FailOn white
WCAG 2.13:1 · APCA Lc 42
Ag
AAAOn black
WCAG 9.83:1 · APCA Lc 61
Best text color: #000000
WCAG 9.83:1 (AAA) · APCA Lc 61
Contrast pairs
Code snippets
CSS
:root {
--honeycomb: #ddaa11;
--honeycomb-rgb: 221 170 17;
--honeycomb-oklch: oklch(0.764 0.154 86.4);
}
.element {
color: var(--honeycomb);
background-color: hsl(45 86% 47%);
border-color: oklch(0.764 0.154 86.4);
}Tailwind CSS v4
@theme {
--color-honeycomb: #ddaa11;
--color-honeycomb-50: #fff4c3;
--color-honeycomb-100: #fde6ad;
--color-honeycomb-200: #efd186;
--color-honeycomb-300: #d8b352;
--color-honeycomb-400: #c69600;
--color-honeycomb-500: #b27b00;
--color-honeycomb-600: #976900;
--color-honeycomb-700: #795400;
--color-honeycomb-800: #5b3c00;
--color-honeycomb-900: #3f2900;
--color-honeycomb-950: #281700;
}SCSS
$honeycomb: #ddaa11;
$honeycomb-rgb: 221, 170, 17;
$honeycomb-light: mix(#fff, $honeycomb, 20%);
$honeycomb-dark: mix(#000, $honeycomb, 20%);
.element {
color: $honeycomb;
box-shadow: 0 0 0 2px rgba($honeycomb, 0.35);
}