Warna bernama terdekat · #C789BF
#C789BF
Warna bernama terdekat: Violaceous
#C789BF (rgb(199 137 191), hsl(308 36% 66%), oklch(0.709 0.104 331.2)) paling mendekati warna bernama Violaceous. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#C789BF
oklch(0.709 0.104 331.2)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- CD95C5
- D3A0CC
- D9ACD2
- DEB8D9
- E4C3DF
- EACFE5
- EFDBEC
- F5E7F2
- FAF3F9
Shade
- AD76A6
- 93648D
- 7A5375
- 62425E
- 4C3148
- 362233
- 21141F
- 0E070D
- 020102
Tone
- C088B9
- B988B2
- B287AC
- AB86A6
- A4859F
- 9D8499
- 968393
- 8E828C
- 878186
Harmoni warna
Komplementer +180°
- C789BF
Violaceous
- 6EB480
≈ Frog Pond
Analog -30° +30°
- C789BF
Violaceous
- AC92D8
≈ Middy’s Purple
- D7859D
≈ Primrose
Triadik +120° +240°
- C789BF
Violaceous
- B99F50
≈ Woollen Mittens
- 41B2C6
≈ Viking
Split-komplementer +150° +210°
- C789BF
Violaceous
- 97AB5F
≈ Herbal Garden
- 47B6A5
≈ Sacred Turquoise
Tetradik +90° +180° +270°
- C789BF
Violaceous
- D0925B
≈ Polo Pony
- 6EB480
≈ Frog Pond
- 62A9DC
≈ Acapulco Dive
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.70:1 · APCA Lc 52
Ag
AAADi atas hitam
WCAG 7.75:1 · APCA Lc 50
Warna teks terbaik: #000000
WCAG 7.75:1 (AAA) · APCA Lc 50
Contrast pairs
Cuplikan kode
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);
}