En yakın adlandırılmış renk · #C9B3DE
#C9B3DE
En yakın adlandırılmış renk: Viking Diva
#C9B3DE (rgb(201 179 222), hsl(271 39% 79%), oklch(0.799 0.064 308.1)) en çok Viking Diva 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.
#C9B3DE
oklch(0.799 0.064 308.1)
Renk dönüşümleri
- HEX
- #c9b3de
- RGB
- rgb(201 179 222)
- HSL
- hsl(271 39% 79%)
- HWB
- hwb(271 70% 13%)
- OKLCH
- oklch(0.799 0.064 308.1)
- OKLab
- oklab(0.799 0.04 -0.051)
- CIE Lab
- lab(75.91 14.13 -18.7)
- LCH
- lch(75.91 23.44 307.1)
- CMYK
- cmyk(9% 19% 0% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CEBAE1
- D4C2E5
- D9CAE8
- DED1EC
- E4D9EF
- E9E0F2
- EFE8F5
- F4F0F9
- FAF7FC
Koyu tonlar
- AE9BC1
- 9584A5
- 7C6E89
- 64586F
- 4C4355
- 362F3D
- 221D26
- 0F0C12
- 020102
Gri tonlar
- C1AED4
- BAA9CB
- B2A4C1
- AB9EB8
- A499AE
- 9C94A5
- 958F9B
- 8E8A92
- 878589
Renk uyumları
Tamamlayıcı +180°
- C9B3DE
Viking Diva
- B1C69A
≈ Sheer Green
Analog -30° +30°
- C9B3DE
Viking Diva
- B3BAE7
≈ Perano
- DAAECC
≈ Pink Lavender
Üçlü +120° +240°
- C9B3DE
Viking Diva
- DAB691
≈ Nutmeg Glow
- 8DCBC5
≈ Tropical Holiday
Bölünmüş tamamlayıcı +150° +210°
- C9B3DE
Viking Diva
- C8BF8F
≈ Lime Peel
- 9BCBAE
≈ Retro Mint
Dörtlü +90° +180° +270°
- C9B3DE
Viking Diva
- E3B0A0
≈ Pale Blush
- B1C69A
≈ Sheer Green
- 8EC8D9
≈ Blue Glint
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.91:1 · APCA Lc 36
Ag
AAASiyah üzerinde
WCAG 10.98:1 · APCA Lc 66
En iyi metin rengi: #000000
WCAG 10.98:1 (AAA) · APCA Lc 66
Contrast pairs
Kod parçacıkları
CSS
:root {
--viking-diva: #c9b3de;
--viking-diva-rgb: 201 179 222;
--viking-diva-oklch: oklch(0.799 0.064 308.1);
}
.element {
color: var(--viking-diva);
background-color: hsl(271 39% 79%);
border-color: oklch(0.799 0.064 308.1);
}Tailwind CSS v4
@theme {
--color-viking-diva: #c9b3de;
--color-viking-diva-50: #fbf0ff;
--color-viking-diva-100: #eee2f8;
--color-viking-diva-200: #ddcde9;
--color-viking-diva-300: #c2afd1;
--color-viking-diva-400: #a995bc;
--color-viking-diva-500: #927ba7;
--color-viking-diva-600: #7b688d;
--color-viking-diva-700: #635371;
--color-viking-diva-800: #483d54;
--color-viking-diva-900: #322a3b;
--color-viking-diva-950: #1e1725;
}SCSS
$viking-diva: #c9b3de;
$viking-diva-rgb: 201, 179, 222;
$viking-diva-light: mix(#fff, $viking-diva, 20%);
$viking-diva-dark: mix(#000, $viking-diva, 20%);
.element {
color: $viking-diva;
box-shadow: 0 0 0 2px rgba($viking-diva, 0.35);
}