Najbliższy nazwany kolor · #C691CB
#C691CB
Najbliższy nazwany kolor: Violaceous
#C691CB (rgb(198 145 203), hsl(295 36% 68%), oklch(0.727 0.101 323.6)) jest najbliższy nazwanemu kolorowi Violaceous. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#C691CB
oklch(0.727 0.101 323.6)
Konwersje koloru
- HEX
- #c691cb
- RGB
- rgb(198 145 203)
- HSL
- hsl(295 36% 68%)
- HWB
- hwb(295 57% 20%)
- OKLCH
- oklch(0.727 0.101 323.6)
- OKLab
- oklab(0.727 0.081 -0.06)
- CIE Lab
- lab(66.89 27.88 -21.91)
- LCH
- lch(66.89 35.46 321.8)
- CMYK
- cmyk(2% 29% 0% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CC9CD0
- D2A7D6
- D8B2DB
- DDBDE0
- E3C8E5
- E9D3EB
- EEDEF0
- F4E9F5
- FAF4FA
Odcienie ciemniejsze
- AC7DB0
- 926A96
- 7A587D
- 624665
- 4B354D
- 352537
- 211522
- 0E070F
- 020102
Tony
- BF90C3
- B88EBC
- B18CB4
- AA8BAD
- A389A5
- 9C879E
- 958696
- 8E848F
- 878287
Harmonie kolorów
Komplementarna +180°
- C691CB
Violaceous
- 80B77E
≈ Colour Me Green
Analogowa -30° +30°
- C691CB
Violaceous
- AA9BE0
≈ Dull Lavender
- D98CAB
≈ Berry Twist
Triada +120° +240°
- C691CB
Violaceous
- C5A159
≈ Camel
- 49B9C3
≈ Cave Lake
Komplementarna rozszczepiona +150° +210°
- C691CB
Violaceous
- A6AE61
≈ April Green
- 59BBA1
≈ Puerto Rico
Tetrada +90° +180° +270°
- C691CB
Violaceous
- D99569
≈ Summer’s End
- 80B77E
≈ Colour Me Green
- 60B1DC
≈ Sail Away
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.52:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.31:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.31:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
CSS
:root {
--violaceous: #c691cb;
--violaceous-rgb: 198 145 203;
--violaceous-oklch: oklch(0.727 0.101 323.6);
}
.element {
color: var(--violaceous);
background-color: hsl(295 36% 68%);
border-color: oklch(0.727 0.101 323.6);
}Tailwind CSS v4
@theme {
--color-violaceous: #c691cb;
--color-violaceous-50: #ffecff;
--color-violaceous-100: #faddfb;
--color-violaceous-200: #ebc6ec;
--color-violaceous-300: #d3a6d4;
--color-violaceous-400: #bc8ac1;
--color-violaceous-500: #a76eac;
--color-violaceous-600: #8d5e91;
--color-violaceous-700: #714b75;
--color-violaceous-800: #523657;
--color-violaceous-900: #3a253d;
--color-violaceous-950: #241326;
}SCSS
$violaceous: #c691cb;
$violaceous-rgb: 198, 145, 203;
$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);
}