Couleur nommée la plus proche · #B69AC6
#B69AC6
Couleur nommée la plus proche: Turnip Crown
#B69AC6 (rgb(182 154 198), hsl(278 28% 69%), oklch(0.726 0.07 313.1)) est la plus proche de la couleur nommée Turnip Crown. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#B69AC6
oklch(0.726 0.07 313.1)
Conversions de couleur
- HEX
- #b69ac6
- RGB
- rgb(182 154 198)
- HSL
- hsl(278 28% 69%)
- HWB
- hwb(278 60% 22%)
- OKLCH
- oklch(0.726 0.07 313.1)
- OKLab
- oklab(0.726 0.048 -0.051)
- CIE Lab
- lab(67.27 16.8 -18.75)
- LCH
- lch(67.27 25.18 311.9)
- CMYK
- cmyk(8% 22% 0% 22%)
Teintes · Ombres · Tons
Teintes
- BDA4CC
- C4AED1
- CCB8D7
- D3C2DD
- DACCE3
- E1D6E8
- E9E0EE
- F0EAF4
- F8F5F9
Ombres
- 9E85AC
- 867192
- 6F5E7A
- 594B62
- 44394B
- 302735
- 1D1721
- 0C090E
- 020102
Tons
- B097BF
- AB95B8
- A692B1
- A090AA
- 9B8DA3
- 958B9C
- 908895
- 8B858E
- 858387
Harmonies de couleurs
Complémentaire +180°
- B69AC6
Turnip Crown
- 95B083
≈ Fair Green
Analogue -30° +30°
- B69AC6
Turnip Crown
- A0A1D2
≈ Water Hyacinth
- C695B2
≈ Morning Glory Pink
Triadique +120° +240°
- B69AC6
Turnip Crown
- C1A076
≈ Friendly Tan
- 70B5B2
≈ Aurora Teal
Complémentaire divisée +150° +210°
- B69AC6
Turnip Crown
- AEA975
≈ Cardamom
- 7EB59A
≈ Mid-century Gem
Tétradique +90° +180° +270°
- B69AC6
Turnip Crown
- CD9984
≈ Dusty Coral
- 95B083
≈ Fair Green
- 75B1C7
≈ Frisky Blue
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.49:1 · APCA Lc 49
Ag
AAASur noir
WCAG 8.42:1 · APCA Lc 53
Meilleure couleur de texte: #000000
WCAG 8.42:1 (AAA) · APCA Lc 53
Contrast pairs
Extraits de code
CSS
:root {
--turnip-crown: #b69ac6;
--turnip-crown-rgb: 182 154 198;
--turnip-crown-oklch: oklch(0.726 0.07 313.1);
}
.element {
color: var(--turnip-crown);
background-color: hsl(278 28% 69%);
border-color: oklch(0.726 0.07 313.1);
}Tailwind CSS v4
@theme {
--color-turnip-crown: #b69ac6;
--color-turnip-crown-50: #fdf0ff;
--color-turnip-crown-100: #f1e1f8;
--color-turnip-crown-200: #e0cce9;
--color-turnip-crown-300: #c5add0;
--color-turnip-crown-400: #ad93bc;
--color-turnip-crown-500: #9779a7;
--color-turnip-crown-600: #7f668d;
--color-turnip-crown-700: #665271;
--color-turnip-crown-800: #4a3c54;
--color-turnip-crown-900: #33293b;
--color-turnip-crown-950: #1f1725;
}SCSS
$turnip-crown: #b69ac6;
$turnip-crown-rgb: 182, 154, 198;
$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);
}