En yakın adlandırılmış renk · #C09BD3
#C09BD3
En yakın adlandırılmış renk: Turnip Crown
#C09BD3 (rgb(192 155 211), hsl(280 39% 72%), oklch(0.742 0.089 314)) en çok Turnip Crown adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#C09BD3
oklch(0.742 0.089 314)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C6A5D8
- CDAFDC
- D3B9E1
- D9C3E5
- DFCCE9
- E6D7EE
- ECE1F2
- F2EBF7
- F9F5FB
Koyu tonlar
- A786B7
- 8E729C
- 765E82
- 5F4B69
- 493951
- 34283A
- 201824
- 0E0910
- 020102
Gri tonlar
- B998CB
- B396C2
- AC93BA
- A691B1
- A08EA9
- 998BA1
- 938899
- 8D8690
- 868388
Renk uyumları
Tamamlayıcı +180°
- C09BD3
Turnip Crown
- 95B87F
≈ Willow Dyed
Analog -30° +30°
- C09BD3
Turnip Crown
- A4A4E2
≈ Simply Violet
- D495B9
≈ Soft Fuchsia
Üçlü +120° +240°
- C09BD3
Turnip Crown
- CDA36B
≈ Lewis Gold
- 60BDBC
≈ Hygiene Green
Bölünmüş tamamlayıcı +150° +210°
- C09BD3
Turnip Crown
- B4AF6B
≈ Rodham
- 74BD9D
≈ Arboretum
Dörtlü +90° +180° +270°
- C09BD3
Turnip Crown
- DB9A7E
≈ Pinkish Tan
- 95B87F
≈ Willow Dyed
- 68B8D5
≈ Baby Tears
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.36:1 · APCA Lc 47
Ag
AAASiyah üzerinde
WCAG 8.87:1 · APCA Lc 55
En iyi metin rengi: #000000
WCAG 8.87:1 (AAA) · APCA Lc 55
Contrast pairs
Kod parçacıkları
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);
}