Najbliższy nazwany kolor · #DF9AB0
#DF9AB0
Najbliższy nazwany kolor: Passion Potion
#DF9AB0 (rgb(223 154 176), hsl(341 52% 74%), oklch(0.76 0.087 358.6)) jest najbliższy nazwanemu kolorowi Passion Potion. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#DF9AB0
oklch(0.76 0.087 358.6)
Konwersje koloru
- HEX
- #df9ab0
- RGB
- rgb(223 154 176)
- HSL
- hsl(341 52% 74%)
- HWB
- hwb(341 60% 13%)
- OKLCH
- oklch(0.76 0.087 358.6)
- OKLab
- oklab(0.76 0.087 -0.002)
- CIE Lab
- lab(71.02 28.83 -0.48)
- LCH
- lch(71.02 28.83 359)
- CMYK
- cmyk(0% 31% 21% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E3A4B8
- E7AEBF
- EAB8C7
- EEC2CF
- F1CCD7
- F4D6DF
- F7E0E7
- FAEBEF
- FCF5F7
Odcienie ciemniejsze
- C28599
- A57182
- 8A5E6C
- 6F4B56
- 563942
- 3D272E
- 27171C
- 12090B
- 020101
Tony
- D698AB
- CC95A6
- C393A1
- B9909C
- B08E98
- A68B93
- 9D888E
- 938689
- 8A8385
Harmonie kolorów
Komplementarna +180°
- DF9AB0
Passion Potion
- 6FC3B2
≈ Miami Teal
Analogowa -30° +30°
- DF9AB0
Passion Potion
- D09DCD
≈ Girl Power
- E39C92
≈ Coral Almond
Triada +120° +240°
- DF9AB0
Passion Potion
- ABB979
≈ Green Curry
- 7CB9E2
≈ 21st Century Blue
Komplementarna rozszczepiona +150° +210°
- DF9AB0
Passion Potion
- 8AC193
≈ Country Weekend
- 69C1CE
≈ Arctic Ocean
Tetrada +90° +180° +270°
- DF9AB0
Passion Potion
- C7AE6F
≈ Dried Moss
- 6FC3B2
≈ Miami Teal
- 9AAFE9
≈ Wondrous Wisteria
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.23:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.38:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.38:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--passion-potion: #df9ab0;
--passion-potion-rgb: 223 154 176;
--passion-potion-oklch: oklch(0.76 0.087 358.6);
}
.element {
color: var(--passion-potion);
background-color: hsl(341 52% 74%);
border-color: oklch(0.76 0.087 358.6);
}Tailwind CSS v4
@theme {
--color-passion-potion: #df9ab0;
--color-passion-potion-50: #ffebf4;
--color-passion-potion-100: #ffdce6;
--color-passion-potion-200: #f5c5d2;
--color-passion-potion-300: #dea5b5;
--color-passion-potion-400: #c9899e;
--color-passion-potion-500: #b56d85;
--color-passion-potion-600: #995d71;
--color-passion-potion-700: #7b4a5a;
--color-passion-potion-800: #5a3543;
--color-passion-potion-900: #3f242e;
--color-passion-potion-950: #28131b;
}SCSS
$passion-potion: #df9ab0;
$passion-potion-rgb: 223, 154, 176;
$passion-potion-light: mix(#fff, $passion-potion, 20%);
$passion-potion-dark: mix(#000, $passion-potion, 20%);
.element {
color: $passion-potion;
box-shadow: 0 0 0 2px rgba($passion-potion, 0.35);
}