Cor nomeada mais próxima · #866C9D
#866C9D
Cor nomeada mais próxima: Crown Jewels
#866C9D (rgb(134 108 157), hsl(272 20% 52%), oklch(0.575 0.079 308.3)) é mais próxima da cor nomeada Crown Jewels. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#866C9D
oklch(0.575 0.079 308.3)
Conversões de cor
- HEX
- #866c9d
- RGB
- rgb(134 108 157)
- HSL
- hsl(272 20% 52%)
- HWB
- hwb(272 42% 38%)
- OKLCH
- oklch(0.575 0.079 308.3)
- OKLab
- oklab(0.575 0.049 -0.062)
- CIE Lab
- lab(49.62 17.97 -22.73)
- LCH
- lch(49.62 28.98 308.3)
- CMYK
- cmyk(15% 31% 0% 38%)
Tons claros · Sombras · Tons
Tons claros
- 917AA7
- 9D88B0
- A996BA
- B5A5C4
- C1B3CE
- CDC2D8
- D9D1E1
- E6E0EB
- F2F0F5
Sombras
- 745D88
- 624E73
- 51405F
- 40324C
- 30253A
- 211928
- 130D18
- 060409
- 010001
Tons
- 856E9A
- 857097
- 847295
- 847492
- 83768F
- 82788C
- 827A89
- 817C86
- 817E83
Harmonias de cor
Complementar +180°
- 866C9D
Crown Jewels
- 6B824E
≈ Happy Camper
Análoga -30° +30°
- 866C9D
Crown Jewels
- 6E74A7
≈ Mountain Flower Mauve
- 986689
≈ Rust Magenta
Tríade +120° +240°
- 866C9D
Crown Jewels
- 987043
≈ Chewy Caramel
- 368882
≈ Copper Turquoise
Complementar dividida +150° +210°
- 866C9D
Crown Jewels
- 857940
≈ Bay Leaf
- 4D8767
≈ Mallard Green
Tétrade +90° +180° +270°
- 866C9D
Crown Jewels
- A16856
≈ J’s Big Heart
- 6B824E
≈ Happy Camper
- 398498
≈ Precious Stone
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.52:1 · APCA Lc 71
Ag
AASobre preto
WCAG 4.64:1 · APCA Lc 30
Melhor cor de texto: #000000
WCAG 4.64:1 (AA) · APCA Lc 30
Contrast pairs
Trechos de código
CSS
:root {
--crown-jewels: #866c9d;
--crown-jewels-rgb: 134 108 157;
--crown-jewels-oklch: oklch(0.575 0.079 308.3);
}
.element {
color: var(--crown-jewels);
background-color: hsl(272 20% 52%);
border-color: oklch(0.575 0.079 308.3);
}Tailwind CSS v4
@theme {
--color-crown-jewels: #866c9d;
--color-crown-jewels-50: #fcefff;
--color-crown-jewels-100: #f0e1fc;
--color-crown-jewels-200: #dfcbee;
--color-crown-jewels-300: #c4add6;
--color-crown-jewels-400: #ac92c3;
--color-crown-jewels-500: #9578af;
--color-crown-jewels-600: #7e6694;
--color-crown-jewels-700: #655176;
--color-crown-jewels-800: #493b58;
--color-crown-jewels-900: #33293e;
--color-crown-jewels-950: #1e1627;
}SCSS
$crown-jewels: #866c9d;
$crown-jewels-rgb: 134, 108, 157;
$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);
}