Named color · #B6BFE5
Spoiled Rotten
Spoiled Rotten is #B6BFE5: rgb(182 191 229), hsl(229 47% 81%), oklch(0.81 0.055 274.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Spoiled Rotten color name →
#B6BFE5
oklch(0.81 0.055 274.7)
Color conversions
- HEX
- #b6bfe5
- RGB
- rgb(182 191 229)
- HSL
- hsl(229 47% 81%)
- HWB
- hwb(229 71% 10%)
- OKLCH
- oklch(0.81 0.055 274.7)
- OKLab
- oklab(0.81 0.004 -0.054)
- CIE Lab
- lab(77.58 2.75 -20.15)
- LCH
- lch(77.58 20.33 277.8)
- CMYK
- cmyk(21% 17% 0% 10%)
Tints · Shades · Tones
Tints
- BDC5E8
- C4CCEA
- CBD2ED
- D3D8F0
- DADFF2
- E1E5F5
- E9ECF8
- F0F2FA
- F7F9FD
Shades
- 9EA6C7
- 868DAA
- 6F758E
- 595E72
- 444858
- 30333F
- 1D1F28
- 0C0D12
- 020203
Tones
- B0B9DB
- ABB2D0
- A5ACC6
- A0A5BC
- 9B9FB1
- 9599A7
- 90939D
- 8A8C94
- 85868A
Color harmonies
Complementary +180°
- B6BFE5
Spoiled Rotten
- CCC19A
≈ Tangled Vines
Analogous -30° +30°
- B6BFE5
Spoiled Rotten
- A4C6E2
≈ Sea Cliff
- C9B9DE
≈ Viking Diva
Triadic +120° +240°
- B6BFE5
Spoiled Rotten
- E2B5AA
≈ Salmon Grey
- A6CCB2
≈ Calculus
Split-complementary +150° +210°
- B6BFE5
Spoiled Rotten
- DABA9D
≈ Holmes Cream
- B9C8A1
≈ Seacrest
Tetradic +90° +180° +270°
- B6BFE5
Spoiled Rotten
- E1B3BC
≈ Heart’s Content
- CCC19A
≈ Tangled Vines
- 9ACDC5
≈ Jamaica Bay
Contrast & accessibility
Ag
FailOn white
WCAG 1.81:1 · APCA Lc 34
Ag
AAAOn black
WCAG 11.57:1 · APCA Lc 69
Best text color: #000000
WCAG 11.57:1 (AAA) · APCA Lc 69
Contrast pairs
Code snippets
CSS
:root {
--spoiled-rotten: #b6bfe5;
--spoiled-rotten-rgb: 182 191 229;
--spoiled-rotten-oklch: oklch(0.81 0.055 274.7);
}
.element {
color: var(--spoiled-rotten);
background-color: hsl(229 47% 81%);
border-color: oklch(0.81 0.055 274.7);
}Tailwind CSS v4
@theme {
--color-spoiled-rotten: #b6bfe5;
--color-spoiled-rotten-50: #f1f4ff;
--color-spoiled-rotten-100: #e3e7fb;
--color-spoiled-rotten-200: #ced3ec;
--color-spoiled-rotten-300: #b0b6d4;
--color-spoiled-rotten-400: #949dbf;
--color-spoiled-rotten-500: #7b84ab;
--color-spoiled-rotten-600: #687090;
--color-spoiled-rotten-700: #535974;
--color-spoiled-rotten-800: #3c4156;
--color-spoiled-rotten-900: #292d3c;
--color-spoiled-rotten-950: #171a26;
}SCSS
$spoiled-rotten: #b6bfe5;
$spoiled-rotten-rgb: 182, 191, 229;
$spoiled-rotten-light: mix(#fff, $spoiled-rotten, 20%);
$spoiled-rotten-dark: mix(#000, $spoiled-rotten, 20%);
.element {
color: $spoiled-rotten;
box-shadow: 0 0 0 2px rgba($spoiled-rotten, 0.35);
}