En yakın adlandırılmış renk · #C499CF
#C499CF
En yakın adlandırılmış renk: Lilac Lace
#C499CF (rgb(196 153 207), hsl(288 36% 71%), oklch(0.741 0.09 319.3)) en çok Lilac Lace 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.
#C499CF
oklch(0.741 0.09 319.3)
Renk dönüşümleri
- HEX
- #c499cf
- RGB
- rgb(196 153 207)
- HSL
- hsl(288 36% 71%)
- HWB
- hwb(288 60% 19%)
- OKLCH
- oklch(0.741 0.09 319.3)
- OKLab
- oklab(0.741 0.068 -0.058)
- CIE Lab
- lab(68.68 23.6 -21.44)
- LCH
- lch(68.68 31.88 317.7)
- CMYK
- cmyk(5% 26% 0% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CAA3D4
- D0ADD9
- D6B7DE
- DCC1E3
- E2CBE7
- E8D6EC
- EDE0F1
- F3EAF6
- F9F5FA
Koyu tonlar
- AA84B4
- 917099
- 785D7F
- 614A67
- 4A384F
- 352738
- 211723
- 0E0810
- 020102
Gri tonlar
- BD97C7
- B694BF
- AF92B7
- A98FAF
- A28DA7
- 9B8A9F
- 948897
- 8D8590
- 878388
Renk uyumları
Tamamlayıcı +180°
- C499CF
Lilac Lace
- 8EB983
≈ Willow Dyed
Analog -30° +30°
- C499CF
Lilac Lace
- A9A2E0
≈ Simply Violet
- D694B4
≈ Exotic Lilac
Üçlü +120° +240°
- C499CF
Lilac Lace
- C9A568
≈ Classic Gold
- 5EBCC1
≈ Pharaoh’s Seas
Bölünmüş tamamlayıcı +150° +210°
- C499CF
Lilac Lace
- AFB06C
≈ Rodham
- 6EBEA2
≈ Spearmint
Dörtlü +90° +180° +270°
- C499CF
Lilac Lace
- DA9A78
≈ Peach Bloom
- 8EB983
≈ Willow Dyed
- 6BB6D8
≈ Skyscape
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.38:1 · APCA Lc 47
Ag
AAASiyah üzerinde
WCAG 8.80:1 · APCA Lc 55
En iyi metin rengi: #000000
WCAG 8.80:1 (AAA) · APCA Lc 55
Contrast pairs
Kod parçacıkları
CSS
:root {
--lilac-lace: #c499cf;
--lilac-lace-rgb: 196 153 207;
--lilac-lace-oklch: oklch(0.741 0.09 319.3);
}
.element {
color: var(--lilac-lace);
background-color: hsl(288 36% 71%);
border-color: oklch(0.741 0.09 319.3);
}Tailwind CSS v4
@theme {
--color-lilac-lace: #c499cf;
--color-lilac-lace-50: #ffedff;
--color-lilac-lace-100: #f6dffa;
--color-lilac-lace-200: #e7c8ec;
--color-lilac-lace-300: #cda9d3;
--color-lilac-lace-400: #b68dc0;
--color-lilac-lace-500: #a072ac;
--color-lilac-lace-600: #876191;
--color-lilac-lace-700: #6c4d74;
--color-lilac-lace-800: #4f3857;
--color-lilac-lace-900: #37273d;
--color-lilac-lace-950: #221526;
}SCSS
$lilac-lace: #c499cf;
$lilac-lace-rgb: 196, 153, 207;
$lilac-lace-light: mix(#fff, $lilac-lace, 20%);
$lilac-lace-dark: mix(#000, $lilac-lace, 20%);
.element {
color: $lilac-lace;
box-shadow: 0 0 0 2px rgba($lilac-lace, 0.35);
}