Cor nomeada mais próxima · #BE98CB
#BE98CB
Cor nomeada mais próxima: Turnip Crown
#BE98CB (rgb(190 152 203), hsl(285 33% 70%), oklch(0.732 0.083 317.4)) é mais próxima da cor nomeada Turnip Crown. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#BE98CB
oklch(0.732 0.083 317.4)
Conversões de cor
- HEX
- #be98cb
- RGB
- rgb(190 152 203)
- HSL
- hsl(285 33% 70%)
- HWB
- hwb(285 60% 20%)
- OKLCH
- oklch(0.732 0.083 317.4)
- OKLab
- oklab(0.732 0.061 -0.056)
- CIE Lab
- lab(67.71 21.43 -20.76)
- LCH
- lch(67.71 29.83 315.9)
- CMYK
- cmyk(6% 25% 0% 20%)
Tons claros · Sombras · Tons
Tons claros
- C4A2D0
- CBACD6
- D1B6DB
- D8C1E0
- DECBE5
- E5D5EA
- EBE0F0
- F2EAF5
- F8F4FA
Sombras
- A584B0
- 8C7096
- 755C7D
- 5E4A65
- 48384D
- 332737
- 1F1722
- 0D080F
- 020102
Tons
- B896C3
- B193BC
- AB91B4
- A58FAD
- 9F8CA5
- 998A9E
- 928796
- 8C858F
- 868387
Harmonias de cor
Complementar +180°
- BE98CB
Turnip Crown
- 8FB581
≈ Aniseed Leaf Green
Análoga -30° +30°
- BE98CB
Turnip Crown
- A5A0DA
≈ Simply Violet
- D093B2
≈ Moonlit Mauve
Tríade +120° +240°
- BE98CB
Turnip Crown
- C6A26B
≈ Buckskin Pony
- 63B9BB
≈ Fresh Soft Blue
Complementar dividida +150° +210°
- BE98CB
Turnip Crown
- ADAC6E
≈ Wasabi Green
- 72B99E
≈ Arboretum
Tétrade +90° +180° +270°
- BE98CB
Turnip Crown
- D4987B
≈ Italian Clay
- 8FB581
≈ Aniseed Leaf Green
- 6CB3D1
≈ Charter
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.45:1 · APCA Lc 48
Ag
AAASobre preto
WCAG 8.54:1 · APCA Lc 54
Melhor cor de texto: #000000
WCAG 8.54:1 (AAA) · APCA Lc 54
Contrast pairs
Trechos de código
CSS
:root {
--turnip-crown: #be98cb;
--turnip-crown-rgb: 190 152 203;
--turnip-crown-oklch: oklch(0.732 0.083 317.4);
}
.element {
color: var(--turnip-crown);
background-color: hsl(285 33% 70%);
border-color: oklch(0.732 0.083 317.4);
}Tailwind CSS v4
@theme {
--color-turnip-crown: #be98cb;
--color-turnip-crown-50: #ffeeff;
--color-turnip-crown-100: #f5e0fa;
--color-turnip-crown-200: #e4c9eb;
--color-turnip-crown-300: #cbaad3;
--color-turnip-crown-400: #b38fbf;
--color-turnip-crown-500: #9d74ab;
--color-turnip-crown-600: #856390;
--color-turnip-crown-700: #6a4f74;
--color-turnip-crown-800: #4d3956;
--color-turnip-crown-900: #36273c;
--color-turnip-crown-950: #211526;
}SCSS
$turnip-crown: #be98cb;
$turnip-crown-rgb: 190, 152, 203;
$turnip-crown-light: mix(#fff, $turnip-crown, 20%);
$turnip-crown-dark: mix(#000, $turnip-crown, 20%);
.element {
color: $turnip-crown;
box-shadow: 0 0 0 2px rgba($turnip-crown, 0.35);
}