Najbliższy nazwany kolor · #CF9FCC
#CF9FCC
Najbliższy nazwany kolor: Girl Power
#CF9FCC (rgb(207 159 204), hsl(304 33% 72%), oklch(0.761 0.083 328.4)) jest najbliższy nazwanemu kolorowi Girl Power. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#CF9FCC
oklch(0.761 0.083 328.4)
Konwersje koloru
- HEX
- #cf9fcc
- RGB
- rgb(207 159 204)
- HSL
- hsl(304 33% 72%)
- HWB
- hwb(304 62% 19%)
- OKLCH
- oklch(0.761 0.083 328.4)
- OKLab
- oklab(0.761 0.07 -0.043)
- CIE Lab
- lab(71.14 23.92 -15.96)
- LCH
- lch(71.14 28.75 326.3)
- CMYK
- cmyk(0% 23% 1% 19%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D4A8D1
- D9B2D6
- DEBBDB
- E3C5E0
- E8CFE6
- ECD8EB
- F1E2F0
- F6EBF5
- FAF5FA
Odcienie ciemniejsze
- B48AB1
- 997597
- 7F617E
- 674D65
- 4F3B4E
- 382937
- 231822
- 10090F
- 020102
Tony
- C79CC4
- BF99BC
- B796B5
- AF93AD
- A790A5
- 9F8D9E
- 978A96
- 90868F
- 888387
Harmonie kolorów
Komplementarna +180°
- CF9FCC
Girl Power
- 8DC094
≈ Country Weekend
Analogowa -30° +30°
- CF9FCC
Girl Power
- B8A6E0
≈ Enchanted Lavender
- DD9CB1
≈ Rose Delight
Triada +120° +240°
- CF9FCC
Girl Power
- C7AF73
≈ Sandstone
- 6EC0CD
≈ Luna Moona
Komplementarna rozszczepiona +150° +210°
- CF9FCC
Girl Power
- ACB97D
≈ Green Curry
- 74C3B2
≈ Pale Jade
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.21:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.48:1 · APCA Lc 59
Najlepszy kolor tekstu: #000000
WCAG 9.48:1 (AAA) · APCA Lc 59
Contrast pairs
Fragmenty kodu
CSS
:root {
--girl-power: #cf9fcc;
--girl-power-rgb: 207 159 204;
--girl-power-oklch: oklch(0.761 0.083 328.4);
}
.element {
color: var(--girl-power);
background-color: hsl(304 33% 72%);
border-color: oklch(0.761 0.083 328.4);
}Tailwind CSS v4
@theme {
--color-girl-power: #cf9fcc;
--color-girl-power-50: #ffedff;
--color-girl-power-100: #f9def5;
--color-girl-power-200: #eac8e5;
--color-girl-power-300: #d1a9cb;
--color-girl-power-400: #ba8db7;
--color-girl-power-500: #a472a2;
--color-girl-power-600: #8b6189;
--color-girl-power-700: #6f4d6d;
--color-girl-power-800: #513852;
--color-girl-power-900: #392639;
--color-girl-power-950: #231523;
}SCSS
$girl-power: #cf9fcc;
$girl-power-rgb: 207, 159, 204;
$girl-power-light: mix(#fff, $girl-power, 20%);
$girl-power-dark: mix(#000, $girl-power, 20%);
.element {
color: $girl-power;
box-shadow: 0 0 0 2px rgba($girl-power, 0.35);
}