Najbliższy nazwany kolor · #CB7F92
#CB7F92
Najbliższy nazwany kolor: Devilish Diva
#CB7F92 (rgb(203 127 146), hsl(345 42% 65%), oklch(0.681 0.097 3.7)) jest najbliższy nazwanemu kolorowi Devilish Diva. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#CB7F92
oklch(0.681 0.097 3.7)
Konwersje koloru
- HEX
- #cb7f92
- RGB
- rgb(203 127 146)
- HSL
- hsl(345 42% 65%)
- HWB
- hwb(345 50% 20%)
- OKLCH
- oklch(0.681 0.097 3.7)
- OKLab
- oklab(0.681 0.096 0.006)
- CIE Lab
- lab(61.86 32 2.81)
- LCH
- lch(61.86 32.13 5)
- CMYK
- cmyk(0% 37% 28% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D18C9C
- D798A7
- DDA5B2
- E2B2BC
- E7BEC7
- ECCBD2
- F1D8DD
- F6E5E8
- FBF2F4
Odcienie ciemniejsze
- B06E7E
- 965D6B
- 7D4C58
- 653C46
- 4D2D35
- 371F25
- 221116
- 0F0608
- 020101
Tony
- C47F90
- BD808E
- B5808D
- AE808B
- A78089
- 9F8187
- 988185
- 908084
- 888082
Harmonie kolorów
Komplementarna +180°
- CB7F92
Devilish Diva
- 46AC9F
≈ Ambrosial Oceanside
Analogowa -30° +30°
- CB7F92
Devilish Diva
- BD82B2
≈ Drama Violet
- CD8271
≈ Fire Chalk
Triada +120° +240°
- CB7F92
Devilish Diva
- 8CA35E
≈ Zesty Apple
- 629FD0
≈ Picton Blue
Komplementarna rozszczepiona +150° +210°
- CB7F92
Devilish Diva
- 67AA7D
≈ Green Tea Candy
- 43A8BD
≈ Moonstone
Tetrada +90° +180° +270°
- CB7F92
Devilish Diva
- AD984E
≈ Spanish Gold
- 46AC9F
≈ Ambrosial Oceanside
- 8694D5
≈ Mystic Iris
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.00:1 · APCA Lc 57
Ag
AANa czerni
WCAG 6.99:1 · APCA Lc 45
Najlepszy kolor tekstu: #000000
WCAG 6.99:1 (AA) · APCA Lc 45
Contrast pairs
Fragmenty kodu
CSS
:root {
--devilish-diva: #cb7f92;
--devilish-diva-rgb: 203 127 146;
--devilish-diva-oklch: oklch(0.681 0.097 3.7);
}
.element {
color: var(--devilish-diva);
background-color: hsl(345 42% 65%);
border-color: oklch(0.681 0.097 3.7);
}Tailwind CSS v4
@theme {
--color-devilish-diva: #cb7f92;
--color-devilish-diva-50: #ffeaf1;
--color-devilish-diva-100: #ffdbe3;
--color-devilish-diva-200: #fac4ce;
--color-devilish-diva-300: #e3a3b0;
--color-devilish-diva-400: #cf8698;
--color-devilish-diva-500: #bb6a7f;
--color-devilish-diva-600: #9e5a6c;
--color-devilish-diva-700: #7f4856;
--color-devilish-diva-800: #5e3340;
--color-devilish-diva-900: #42232c;
--color-devilish-diva-950: #2a1219;
}SCSS
$devilish-diva: #cb7f92;
$devilish-diva-rgb: 203, 127, 146;
$devilish-diva-light: mix(#fff, $devilish-diva, 20%);
$devilish-diva-dark: mix(#000, $devilish-diva, 20%);
.element {
color: $devilish-diva;
box-shadow: 0 0 0 2px rgba($devilish-diva, 0.35);
}