Najbliższy nazwany kolor · #C76189
#C76189
Najbliższy nazwany kolor: Lipstick
#C76189 (rgb(199 97 137), hsl(336 48% 58%), oklch(0.626 0.137 357)) jest najbliższy nazwanemu kolorowi Lipstick. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#C76189
oklch(0.626 0.137 357)
Konwersje koloru
- HEX
- #c76189
- RGB
- rgb(199 97 137)
- HSL
- hsl(336 48% 58%)
- HWB
- hwb(336 38% 22%)
- OKLCH
- oklch(0.626 0.137 357)
- OKLab
- oklab(0.626 0.136 -0.007)
- CIE Lab
- lab(54.86 44.62 -2.15)
- LCH
- lch(54.86 44.67 357.2)
- CMYK
- cmyk(0% 51% 31% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CE7194
- D5819F
- DB91AB
- E2A0B7
- E7B0C2
- EDC0CE
- F2CFDA
- F7DFE6
- FBEFF3
Odcienie ciemniejsze
- AD5376
- 934664
- 7A3953
- 622D42
- 4C2131
- 361522
- 210B14
- 0E0307
- 020001
Tony
- C16588
- BA6987
- B46D86
- AD7085
- A67385
- 9F7684
- 987983
- 907B82
- 887E81
Harmonie kolorów
Komplementarna +180°
- C76189
Lipstick
- 009E87
≈ Reptilian Green
Analogowa -30° +30°
- C76189
Lipstick
- B268B3
≈ Soft Purple
- CD6359
≈ Japanese Kimono
Triada +120° +240°
- C76189
Lipstick
- 839219
≈ Foggy Bog
- 0192CF
≈ Rich Electric Blue
Komplementarna rozszczepiona +150° +210°
- C76189
Lipstick
- 469E54
≈ Chateau Green
- 009AA9
≈ Aquarium Diver
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.81:1 · APCA Lc 65
Ag
AANa czerni
WCAG 5.49:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.49:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--lipstick: #c76189;
--lipstick-rgb: 199 97 137;
--lipstick-oklch: oklch(0.626 0.137 357);
}
.element {
color: var(--lipstick);
background-color: hsl(336 48% 58%);
border-color: oklch(0.626 0.137 357);
}Tailwind CSS v4
@theme {
--color-lipstick: #c76189;
--color-lipstick-50: #ffe6f4;
--color-lipstick-100: #ffd6e7;
--color-lipstick-200: #ffbcd3;
--color-lipstick-300: #f199b6;
--color-lipstick-400: #dd7a9f;
--color-lipstick-500: #ca5a87;
--color-lipstick-600: #ab4d73;
--color-lipstick-700: #893d5c;
--color-lipstick-800: #662c45;
--color-lipstick-900: #471d2f;
--color-lipstick-950: #2e0d1c;
}SCSS
$lipstick: #c76189;
$lipstick-rgb: 199, 97, 137;
$lipstick-light: mix(#fff, $lipstick, 20%);
$lipstick-dark: mix(#000, $lipstick, 20%);
.element {
color: $lipstick;
box-shadow: 0 0 0 2px rgba($lipstick, 0.35);
}