En yakın adlandırılmış renk · #C789BF
#C789BF
En yakın adlandırılmış renk: Violaceous
#C789BF (rgb(199 137 191), hsl(308 36% 66%), oklch(0.709 0.104 331.2)) en çok Violaceous 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.
#C789BF
oklch(0.709 0.104 331.2)
Renk dönüşümleri
- HEX
- #c789bf
- RGB
- rgb(199 137 191)
- HSL
- hsl(308 36% 66%)
- HWB
- hwb(308 54% 22%)
- OKLCH
- oklch(0.709 0.104 331.2)
- OKLab
- oklab(0.709 0.091 -0.05)
- CIE Lab
- lab(64.8 30.7 -18.36)
- LCH
- lch(64.8 35.77 329.1)
- CMYK
- cmyk(0% 31% 4% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CD95C5
- D3A0CC
- D9ACD2
- DEB8D9
- E4C3DF
- EACFE5
- EFDBEC
- F5E7F2
- FAF3F9
Koyu tonlar
- AD76A6
- 93648D
- 7A5375
- 62425E
- 4C3148
- 362233
- 21141F
- 0E070D
- 020102
Gri tonlar
- C088B9
- B988B2
- B287AC
- AB86A6
- A4859F
- 9D8499
- 968393
- 8E828C
- 878186
Renk uyumları
Tamamlayıcı +180°
- C789BF
Violaceous
- 6EB480
≈ Frog Pond
Analog -30° +30°
- C789BF
Violaceous
- AC92D8
≈ Middy’s Purple
- D7859D
≈ Primrose
Üçlü +120° +240°
- C789BF
Violaceous
- B99F50
≈ Woollen Mittens
- 41B2C6
≈ Viking
Bölünmüş tamamlayıcı +150° +210°
- C789BF
Violaceous
- 97AB5F
≈ Herbal Garden
- 47B6A5
≈ Sacred Turquoise
Dörtlü +90° +180° +270°
- C789BF
Violaceous
- D0925B
≈ Polo Pony
- 6EB480
≈ Frog Pond
- 62A9DC
≈ Acapulco Dive
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.70:1 · APCA Lc 52
Ag
AAASiyah üzerinde
WCAG 7.75:1 · APCA Lc 50
En iyi metin rengi: #000000
WCAG 7.75:1 (AAA) · APCA Lc 50
Contrast pairs
Kod parçacıkları
CSS
:root {
--violaceous: #c789bf;
--violaceous-rgb: 199 137 191;
--violaceous-oklch: oklch(0.709 0.104 331.2);
}
.element {
color: var(--violaceous);
background-color: hsl(308 36% 66%);
border-color: oklch(0.709 0.104 331.2);
}Tailwind CSS v4
@theme {
--color-violaceous: #c789bf;
--color-violaceous-50: #ffebff;
--color-violaceous-100: #fedcf7;
--color-violaceous-200: #f0c4e7;
--color-violaceous-300: #d8a4ce;
--color-violaceous-400: #c288bb;
--color-violaceous-500: #ad6ba6;
--color-violaceous-600: #935b8c;
--color-violaceous-700: #764970;
--color-violaceous-800: #563554;
--color-violaceous-900: #3c243a;
--color-violaceous-950: #261325;
}SCSS
$violaceous: #c789bf;
$violaceous-rgb: 199, 137, 191;
$violaceous-light: mix(#fff, $violaceous, 20%);
$violaceous-dark: mix(#000, $violaceous, 20%);
.element {
color: $violaceous;
box-shadow: 0 0 0 2px rgba($violaceous, 0.35);
}