Colore con nome · #DBA37E
Nice Tan
Nice Tan è #DBA37E: rgb(219 163 126), hsl(24 56% 68%), oklch(0.759 0.083 54.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Nice Tan color name →
#DBA37E
oklch(0.759 0.083 54.5)
Conversioni di colore
- HEX
- #dba37e
- RGB
- rgb(219 163 126)
- HSL
- hsl(24 56% 68%)
- HWB
- hwb(24 49% 14%)
- OKLCH
- oklch(0.759 0.083 54.5)
- OKLab
- oklab(0.759 0.048 0.068)
- CIE Lab
- lab(71.75 17.99 27.76)
- LCH
- lch(71.75 33.08 57)
- CMYK
- cmyk(0% 26% 42% 14%)
Tinte · Ombre · Toni
Tinte
- DFAC8B
- E3B598
- E7BEA4
- EBC8B1
- EED1BE
- F2DACB
- F5E3D8
- F9ECE5
- FCF6F2
Ombre
- BE8D6D
- A2785C
- 87634C
- 6D4F3C
- 543C2D
- 3C2A1F
- 261911
- 110A05
- 020101
Toni
- D2A07F
- C99C7F
- C09980
- B69580
- AD9280
- A48E80
- 9B8B80
- 928780
- 898480
Armonie di colore
Complementare +180°
- DBA37E
Nice Tan
- 7BBADE
≈ 21st Century Blue
Analogo -30° +30°
- DBA37E
Nice Tan
- E19C97
≈ She Loves Pink
- CAAD72
≈ Sandstone
Triadico +120° +240°
- DBA37E
Nice Tan
- 75C3AD
≈ Miami Teal
- B4A7E1
≈ Maximum Blue Purple
Complementare divisa +150° +210°
- DBA37E
Nice Tan
- 6CC1CA
≈ Luna Moona
- 97B1E7
≈ Blue Skies Today
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.19:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.55:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.55:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--nice-tan: #dba37e;
--nice-tan-rgb: 219 163 126;
--nice-tan-oklch: oklch(0.759 0.083 54.5);
}
.element {
color: var(--nice-tan);
background-color: hsl(24 56% 68%);
border-color: oklch(0.759 0.083 54.5);
}Tailwind CSS v4
@theme {
--color-nice-tan: #dba37e;
--color-nice-tan-50: #fff0df;
--color-nice-tan-100: #ffe2ce;
--color-nice-tan-200: #f1ccb2;
--color-nice-tan-300: #d9ad8e;
--color-nice-tan-400: #c6916f;
--color-nice-tan-500: #b1774f;
--color-nice-tan-600: #966543;
--color-nice-tan-700: #785035;
--color-nice-tan-800: #593a26;
--color-nice-tan-900: #3e281a;
--color-nice-tan-950: #27160a;
}SCSS
$nice-tan: #dba37e;
$nice-tan-rgb: 219, 163, 126;
$nice-tan-light: mix(#fff, $nice-tan, 20%);
$nice-tan-dark: mix(#000, $nice-tan, 20%);
.element {
color: $nice-tan;
box-shadow: 0 0 0 2px rgba($nice-tan, 0.35);
}