Couleur nommée la plus proche · #C09BD3
#C09BD3
Couleur nommée la plus proche: Turnip Crown
#C09BD3 (rgb(192 155 211), hsl(280 39% 72%), oklch(0.742 0.089 314)) 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.
#C09BD3
oklch(0.742 0.089 314)
Conversions de couleur
- HEX
- #c09bd3
- RGB
- rgb(192 155 211)
- HSL
- hsl(280 39% 72%)
- HWB
- hwb(280 61% 17%)
- OKLCH
- oklch(0.742 0.089 314)
- OKLab
- oklab(0.742 0.062 -0.064)
- CIE Lab
- lab(68.88 21.77 -23.39)
- LCH
- lch(68.88 31.96 312.9)
- CMYK
- cmyk(9% 27% 0% 17%)
Teintes · Ombres · Tons
Teintes
- C6A5D8
- CDAFDC
- D3B9E1
- D9C3E5
- DFCCE9
- E6D7EE
- ECE1F2
- F2EBF7
- F9F5FB
Ombres
- A786B7
- 8E729C
- 765E82
- 5F4B69
- 493951
- 34283A
- 201824
- 0E0910
- 020102
Tons
- B998CB
- B396C2
- AC93BA
- A691B1
- A08EA9
- 998BA1
- 938899
- 8D8690
- 868388
Harmonies de couleurs
Complémentaire +180°
- C09BD3
Turnip Crown
- 95B87F
≈ Willow Dyed
Analogue -30° +30°
- C09BD3
Turnip Crown
- A4A4E2
≈ Simply Violet
- D495B9
≈ Soft Fuchsia
Triadique +120° +240°
- C09BD3
Turnip Crown
- CDA36B
≈ Lewis Gold
- 60BDBC
≈ Hygiene Green
Complémentaire divisée +150° +210°
- C09BD3
Turnip Crown
- B4AF6B
≈ Rodham
- 74BD9D
≈ Arboretum
Tétradique +90° +180° +270°
- C09BD3
Turnip Crown
- DB9A7E
≈ Pinkish Tan
- 95B87F
≈ Willow Dyed
- 68B8D5
≈ Baby Tears
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.36:1 · APCA Lc 47
Ag
AAASur noir
WCAG 8.87:1 · APCA Lc 55
Meilleure couleur de texte: #000000
WCAG 8.87:1 (AAA) · APCA Lc 55
Contrast pairs
Extraits de code
CSS
:root {
--turnip-crown: #c09bd3;
--turnip-crown-rgb: 192 155 211;
--turnip-crown-oklch: oklch(0.742 0.089 314);
}
.element {
color: var(--turnip-crown);
background-color: hsl(280 39% 72%);
border-color: oklch(0.742 0.089 314);
}Tailwind CSS v4
@theme {
--color-turnip-crown: #c09bd3;
--color-turnip-crown-50: #ffeeff;
--color-turnip-crown-100: #f4dffc;
--color-turnip-crown-200: #e3c9ee;
--color-turnip-crown-300: #c9aad6;
--color-turnip-crown-400: #b28fc3;
--color-turnip-crown-500: #9c74af;
--color-turnip-crown-600: #836294;
--color-turnip-crown-700: #694f77;
--color-turnip-crown-800: #4d3959;
--color-turnip-crown-900: #35273e;
--color-turnip-crown-950: #201527;
}SCSS
$turnip-crown: #c09bd3;
$turnip-crown-rgb: 192, 155, 211;
$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);
}