Najbliższy nazwany kolor · #DA9549
#DA9549
Najbliższy nazwany kolor: Salt Caramel
#DA9549 (rgb(218 149 73), hsl(31 66% 57%), oklch(0.724 0.124 66.1)) jest najbliższy nazwanemu kolorowi Salt Caramel. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#DA9549
oklch(0.724 0.124 66.1)
Konwersje koloru
- HEX
- #da9549
- RGB
- rgb(218 149 73)
- HSL
- hsl(31 66% 57%)
- HWB
- hwb(31 29% 15%)
- OKLCH
- oklch(0.724 0.124 66.1)
- OKLab
- oklab(0.724 0.05 0.113)
- CIE Lab
- lab(67.69 21.58 49.98)
- LCH
- lch(67.69 54.44 66.6)
- CMYK
- cmyk(0% 32% 67% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DEA05E
- E3AA71
- E7B584
- EBC096
- EECAA7
- F2D5B9
- F5DFCA
- F9EADC
- FCF4ED
Odcienie ciemniejsze
- BD813E
- A26D34
- 875A2A
- 6C4820
- 543717
- 3C260E
- 251606
- 110802
- 020100
Tony
- D19351
- C89259
- BF905F
- B68E65
- AD8C6A
- A4896F
- 9B8774
- 928578
- 89837C
Harmonie kolorów
Komplementarna +180°
- DA9549
Salt Caramel
- 5FADEF
≈ Blue Jeans
Analogowa -30° +30°
- DA9549
Salt Caramel
- E8886E
≈ Thundelarra
- BDA53E
≈ Forest Tent
Triada +120° +240°
- DA9549
Salt Caramel
- 18BEB2
≈ Turquoise Topaz
- B991E3
≈ Luminous Lavender
Komplementarna rozszczepiona +150° +210°
- DA9549
Salt Caramel
- 1EB8D7
≈ Ocean Sigh
- 919EF3
≈ Cold Lips
Tetrada +90° +180° +270°
- DA9549
Salt Caramel
- 5CBD85
≈ Spearmint Burst
- 5FADEF
≈ Blue Jeans
- D687C3
≈ Pink Punk
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.50:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.37:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.37:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
CSS
:root {
--salt-caramel: #da9549;
--salt-caramel-rgb: 218 149 73;
--salt-caramel-oklch: oklch(0.724 0.124 66.1);
}
.element {
color: var(--salt-caramel);
background-color: hsl(31 66% 57%);
border-color: oklch(0.724 0.124 66.1);
}Tailwind CSS v4
@theme {
--color-salt-caramel: #da9549;
--color-salt-caramel-50: #ffefd0;
--color-salt-caramel-100: #ffe1bc;
--color-salt-caramel-200: #f8cb9b;
--color-salt-caramel-300: #e2ac70;
--color-salt-caramel-400: #d08f48;
--color-salt-caramel-500: #bc7307;
--color-salt-caramel-600: #9f610e;
--color-salt-caramel-700: #804e0d;
--color-salt-caramel-800: #5f3808;
--color-salt-caramel-900: #432606;
--color-salt-caramel-950: #2b1400;
}SCSS
$salt-caramel: #da9549;
$salt-caramel-rgb: 218, 149, 73;
$salt-caramel-light: mix(#fff, $salt-caramel, 20%);
$salt-caramel-dark: mix(#000, $salt-caramel, 20%);
.element {
color: $salt-caramel;
box-shadow: 0 0 0 2px rgba($salt-caramel, 0.35);
}