Najbliższy nazwany kolor · #DB9690
#DB9690
Najbliższy nazwany kolor: Powder Blush
#DB9690 (rgb(219 150 144), hsl(5 51% 71%), oklch(0.739 0.084 24.8)) jest najbliższy nazwanemu kolorowi Powder Blush. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#DB9690
oklch(0.739 0.084 24.8)
Konwersje koloru
- HEX
- #db9690
- RGB
- rgb(219 150 144)
- HSL
- hsl(5 51% 71%)
- HWB
- hwb(5 56% 14%)
- OKLCH
- oklch(0.739 0.084 24.8)
- OKLab
- oklab(0.739 0.077 0.035)
- CIE Lab
- lab(68.98 26.15 14.25)
- LCH
- lch(68.98 29.79 28.6)
- CMYK
- cmyk(0% 32% 34% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DFA09B
- E3ABA5
- E7B5B0
- EBC0BB
- EFCAC6
- F2D5D2
- F6DFDD
- F9EAE8
- FCF4F4
Odcienie ciemniejsze
- BE827D
- A26E6A
- 875B57
- 6D4945
- 543734
- 3C2624
- 261615
- 110807
- 020101
Tony
- D2948E
- C9928D
- C0908B
- B78E8A
- AE8C88
- A58987
- 9C8785
- 938583
- 898282
Harmonie kolorów
Komplementarna +180°
- DB9690
Powder Blush
- 64BAC4
≈ Azul Turquesa
Analogowa -30° +30°
- DB9690
Powder Blush
- D695AD
≈ Foxy Pink
- D59D77
≈ Darling Clementine
Triada +120° +240°
- DB9690
Powder Blush
- 89B98A
≈ Oilcloth Green
- 90AAE1
≈ Queer Blue
Komplementarna rozszczepiona +150° +210°
- DB9690
Powder Blush
- 6EBCA7
≈ Larchmere
- 74B4D8
≈ Meadow Blossom Blue
Tetrada +90° +180° +270°
- DB9690
Powder Blush
- A9B173
≈ Timothy Grass
- 64BAC4
≈ Azul Turquesa
- AEA0DB
≈ Violet Velvet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.39:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.77:1 · APCA Lc 55
Najlepszy kolor tekstu: #000000
WCAG 8.77:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmenty kodu
CSS
:root {
--powder-blush: #db9690;
--powder-blush-rgb: 219 150 144;
--powder-blush-oklch: oklch(0.739 0.084 24.8);
}
.element {
color: var(--powder-blush);
background-color: hsl(5 51% 71%);
border-color: oklch(0.739 0.084 24.8);
}Tailwind CSS v4
@theme {
--color-powder-blush: #db9690;
--color-powder-blush-50: #ffede8;
--color-powder-blush-100: #ffded9;
--color-powder-blush-200: #f7c7c1;
--color-powder-blush-300: #e0a7a0;
--color-powder-blush-400: #cc8b85;
--color-powder-blush-500: #b86f6a;
--color-powder-blush-600: #9b5f5a;
--color-powder-blush-700: #7c4b48;
--color-powder-blush-800: #5c3635;
--color-powder-blush-900: #412524;
--color-powder-blush-950: #291413;
}SCSS
$powder-blush: #db9690;
$powder-blush-rgb: 219, 150, 144;
$powder-blush-light: mix(#fff, $powder-blush, 20%);
$powder-blush-dark: mix(#000, $powder-blush, 20%);
.element {
color: $powder-blush;
box-shadow: 0 0 0 2px rgba($powder-blush, 0.35);
}