Nearest named color · #856A9C
#856A9C
Nearest named color: Crown Jewels
#856A9C (rgb(133 106 156), hsl(272 20% 51%), oklch(0.57 0.081 308.6)) is closest to the named color Crown Jewels. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#856A9C
oklch(0.57 0.081 308.6)
Color conversions
- HEX
- #856a9c
- RGB
- rgb(133 106 156)
- HSL
- hsl(272 20% 51%)
- HWB
- hwb(272 42% 39%)
- OKLCH
- oklch(0.57 0.081 308.6)
- OKLab
- oklab(0.57 0.051 -0.063)
- CIE Lab
- lab(48.97 18.56 -23.15)
- LCH
- lch(48.97 29.67 308.7)
- CMYK
- cmyk(15% 32% 0% 39%)
Tints · Shades · Tones
Tints
- 9178A6
- 9C86B0
- A895BA
- B4A4C3
- C0B2CD
- CDC1D7
- D9D0E1
- E6E0EB
- F2EFF5
Shades
- 735B87
- 614D73
- 503F5F
- 40314C
- 302439
- 211828
- 130D18
- 060409
- 010001
Tones
- 856C99
- 846F97
- 847194
- 837391
- 83768F
- 82788C
- 827A89
- 817C86
- 817E83
Color harmonies
Complementary +180°
- 856A9C
Crown Jewels
- 69814C
≈ Woodland Nymph
Analogous -30° +30°
- 856A9C
Crown Jewels
- 6C72A7
≈ Mountain Flower Mauve
- 976487
≈ Raspberry Jelly Red
Triadic +120° +240°
- 856A9C
Crown Jewels
- 976E40
≈ Golden Pilsner
- 328781
≈ Copper Turquoise
Split-complementary +150° +210°
- 856A9C
Crown Jewels
- 83783C
≈ Bay Leaf
- 4A8665
≈ Mallard Green
Tetradic +90° +180° +270°
- 856A9C
Crown Jewels
- A16653
≈ J’s Big Heart
- 69814C
≈ Woodland Nymph
- 358397
≈ Kings of Sea
Contrast & accessibility
Ag
AAOn white
WCAG 4.62:1 · APCA Lc 72
Ag
AAOn black
WCAG 4.53:1 · APCA Lc 30
Best text color: #FFFFFF
WCAG 4.62:1 (AA) · APCA Lc 72
Contrast pairs
Code snippets
CSS
:root {
--crown-jewels: #856a9c;
--crown-jewels-rgb: 133 106 156;
--crown-jewels-oklch: oklch(0.57 0.081 308.6);
}
.element {
color: var(--crown-jewels);
background-color: hsl(272 20% 51%);
border-color: oklch(0.57 0.081 308.6);
}Tailwind CSS v4
@theme {
--color-crown-jewels: #856a9c;
--color-crown-jewels-50: #fdefff;
--color-crown-jewels-100: #f0e1fd;
--color-crown-jewels-200: #dfcbef;
--color-crown-jewels-300: #c5acd7;
--color-crown-jewels-400: #ac92c3;
--color-crown-jewels-500: #9677af;
--color-crown-jewels-600: #7e6594;
--color-crown-jewels-700: #655177;
--color-crown-jewels-800: #4a3b59;
--color-crown-jewels-900: #33283e;
--color-crown-jewels-950: #1f1627;
}SCSS
$crown-jewels: #856a9c;
$crown-jewels-rgb: 133, 106, 156;
$crown-jewels-light: mix(#fff, $crown-jewels, 20%);
$crown-jewels-dark: mix(#000, $crown-jewels, 20%);
.element {
color: $crown-jewels;
box-shadow: 0 0 0 2px rgba($crown-jewels, 0.35);
}