Najbliższy nazwany kolor · #DA9C8E
#DA9C8E
Najbliższy nazwany kolor: Pink Palazzo
#DA9C8E (rgb(218 156 142), hsl(11 51% 71%), oklch(0.749 0.078 33.1)) jest najbliższy nazwanemu kolorowi Pink Palazzo. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#DA9C8E
oklch(0.749 0.078 33.1)
Konwersje koloru
- HEX
- #da9c8e
- RGB
- rgb(218 156 142)
- HSL
- hsl(11 51% 71%)
- HWB
- hwb(11 56% 15%)
- OKLCH
- oklch(0.749 0.078 33.1)
- OKLab
- oklab(0.749 0.065 0.042)
- CIE Lab
- lab(70.23 22.51 17.04)
- LCH
- lch(70.23 28.24 37.1)
- CMYK
- cmyk(0% 28% 35% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DEA699
- E2B0A4
- E6B9AF
- EAC3BA
- EECDC5
- F2D7D1
- F5E1DC
- F9EBE8
- FCF5F3
Odcienie ciemniejsze
- BD877B
- A27368
- 875F56
- 6C4C44
- 543934
- 3C2824
- 251815
- 110907
- 020101
Tony
- D1998D
- C8978B
- BF948A
- B69189
- AD8E87
- A48C86
- 9B8984
- 928683
- 898382
Harmonie kolorów
Komplementarna +180°
- DA9C8E
Pink Palazzo
- 70BBCB
≈ Delusional Dragonfly
Analogowa -30° +30°
- DA9C8E
Pink Palazzo
- D899A9
≈ Blush Bomb
- D1A37A
≈ Rhino Tusk
Triada +120° +240°
- DA9C8E
Pink Palazzo
- 88BC97
≈ Forest Frolic
- 9DABDF
≈ Aster Flower Blue
Komplementarna rozszczepiona +150° +210°
- DA9C8E
Pink Palazzo
- 72BEB2
≈ Fiesta Blue
- 82B4DB
≈ Dun Morogh Blue
Tetrada +90° +180° +270°
- DA9C8E
Pink Palazzo
- A4B67F
≈ Mesclun Green
- 70BBCB
≈ Delusional Dragonfly
- B7A2D6
≈ Purple Premiere
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.30:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.12:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.12:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--pink-palazzo: #da9c8e;
--pink-palazzo-rgb: 218 156 142;
--pink-palazzo-oklch: oklch(0.749 0.078 33.1);
}
.element {
color: var(--pink-palazzo);
background-color: hsl(11 51% 71%);
border-color: oklch(0.749 0.078 33.1);
}Tailwind CSS v4
@theme {
--color-pink-palazzo: #da9c8e;
--color-pink-palazzo-50: #ffeee6;
--color-pink-palazzo-100: #ffdfd7;
--color-pink-palazzo-200: #f3c9be;
--color-pink-palazzo-300: #dcaa9d;
--color-pink-palazzo-400: #c88e81;
--color-pink-palazzo-500: #b47365;
--color-pink-palazzo-600: #986155;
--color-pink-palazzo-700: #7a4e44;
--color-pink-palazzo-800: #5a3832;
--color-pink-palazzo-900: #3f2622;
--color-pink-palazzo-950: #281511;
}SCSS
$pink-palazzo: #da9c8e;
$pink-palazzo-rgb: 218, 156, 142;
$pink-palazzo-light: mix(#fff, $pink-palazzo, 20%);
$pink-palazzo-dark: mix(#000, $pink-palazzo, 20%);
.element {
color: $pink-palazzo;
box-shadow: 0 0 0 2px rgba($pink-palazzo, 0.35);
}