Named color · #FFBB33
Buddha’s Love Handles
Buddha’s Love Handles is #FFBB33: rgb(255 187 51), hsl(40 100% 60%), oklch(0.834 0.159 79.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Buddha’s Love Handles color name →
#FFBB33
oklch(0.834 0.159 79.5)
Color conversions
- HEX
- #ffbb33
- RGB
- rgb(255 187 51)
- HSL
- hsl(40 100% 60%)
- HWB
- hwb(40 20% 0%)
- OKLCH
- oklch(0.834 0.159 79.5)
- OKLab
- oklab(0.834 0.029 0.157)
- CIE Lab
- lab(80.78 17.2 72.81)
- LCH
- lch(80.78 74.82 76.7)
- CMYK
- cmyk(0% 27% 80% 0%)
Tints · Shades · Tones
Tints
- FFC253
- FFCA6C
- FFD181
- FFD895
- FFDEA7
- FFE5BA
- FFECCB
- FFF2DD
- FFF9EE
Shades
- DEA22B
- BE8A23
- 9E731C
- 805C14
- 63460D
- 483207
- 2E1F03
- 160D01
- 030200
Tones
- F2B544
- E5B051
- D8AA5A
- CBA463
- BE9E69
- B2986F
- A59274
- 998C79
- 8C867D
Color harmonies
Complementary +180°
- FFBB33
Buddha’s Love Handles
- A9CAFF
≈ Night Snow
Analogous -30° +30°
- FFBB33
Buddha’s Love Handles
- FFB58D
≈ Coral Dusk
- D0D141
≈ Southern Platyfish
Triadic +120° +240°
- FFBB33
Buddha’s Love Handles
- 00E4EC
≈ Cold Heights
- EEACFF
≈ Pink Sugar
Split-complementary +150° +210°
- FFBB33
Buddha’s Love Handles
- 7CD6FF
≈ Sky
- C7C0FF
≈ Lavender Tonic
Tetradic +90° +180° +270°
- FFBB33
Buddha’s Love Handles
- 29E9B8
≈ Aquamarine
- A9CAFF
≈ Night Snow
- FFABD3
≈ Majin Bū Pink
Contrast & accessibility
Ag
FailOn white
WCAG 1.69:1 · APCA Lc 30
Ag
AAAOn black
WCAG 12.40:1 · APCA Lc 73
Best text color: #000000
WCAG 12.40:1 (AAA) · APCA Lc 73
Contrast pairs
Code snippets
CSS
:root {
--buddha-s-love-handles: #ffbb33;
--buddha-s-love-handles-rgb: 255 187 51;
--buddha-s-love-handles-oklch: oklch(0.834 0.159 79.5);
}
.element {
color: var(--buddha-s-love-handles);
background-color: hsl(40 100% 60%);
border-color: oklch(0.834 0.159 79.5);
}Tailwind CSS v4
@theme {
--color-buddha-s-love-handles: #ffbb33;
--color-buddha-s-love-handles-50: #fff1c2;
--color-buddha-s-love-handles-100: #ffe3ab;
--color-buddha-s-love-handles-200: #f7ce83;
--color-buddha-s-love-handles-300: #e0ae4d;
--color-buddha-s-love-handles-400: #cf9100;
--color-buddha-s-love-handles-500: #bc7500;
--color-buddha-s-love-handles-600: #9f6300;
--color-buddha-s-love-handles-700: #804f00;
--color-buddha-s-love-handles-800: #603900;
--color-buddha-s-love-handles-900: #432700;
--color-buddha-s-love-handles-950: #2b1500;
}SCSS
$buddha-s-love-handles: #ffbb33;
$buddha-s-love-handles-rgb: 255, 187, 51;
$buddha-s-love-handles-light: mix(#fff, $buddha-s-love-handles, 20%);
$buddha-s-love-handles-dark: mix(#000, $buddha-s-love-handles, 20%);
.element {
color: $buddha-s-love-handles;
box-shadow: 0 0 0 2px rgba($buddha-s-love-handles, 0.35);
}