Colore con nome · #D5B59B
Tower Tan
Tower Tan è #D5B59B: rgb(213 181 155), hsl(27 41% 72%), oklch(0.794 0.051 61.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Tower Tan color name →
#D5B59B
oklch(0.794 0.051 61.1)
Conversioni di colore
- HEX
- #d5b59b
- RGB
- rgb(213 181 155)
- HSL
- hsl(27 41% 72%)
- HWB
- hwb(27 61% 16%)
- OKLCH
- oklch(0.794 0.051 61.1)
- OKLab
- oklab(0.794 0.025 0.045)
- CIE Lab
- lab(76.02 9.04 17.8)
- LCH
- lch(76.02 19.97 63.1)
- CMYK
- cmyk(0% 15% 27% 16%)
Tinte · Ombre · Toni
Tinte
- D9BCA5
- DEC4AF
- E2CBB9
- E6D2C2
- EADACC
- EEE1D6
- F3E9E0
- F7F0EB
- FBF7F5
Ombre
- B99D86
- 9E8672
- 836F5E
- 6A594B
- 514439
- 3A3028
- 241D18
- 100C09
- 020201
Toni
- CCB098
- C4AA96
- BBA593
- B2A090
- AA9A8E
- A1958B
- 999088
- 918A86
- 888583
Armonie di colore
Complementare +180°
- D5B59B
Tower Tan
- 9FC1DA
≈ Charismatic Sky
Analogo -30° +30°
- D5B59B
Tower Tan
- DBB0A8
≈ Borlotti Bean
- C8BB97
≈ Stone Guardians
Triadico +120° +240°
- D5B59B
Tower Tan
- 98C7BE
≈ Jamaica Bay
- C1B5D8
≈ Plumeria
Complementare divisa +150° +210°
- D5B59B
Tower Tan
- 96C5CF
≈ Adriatic Haze
- AFBBDE
≈ Lilac Flare
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.92:1 · APCA Lc 37
Ag
AAASu nero
WCAG 10.91:1 · APCA Lc 66
Miglior colore del testo: #000000
WCAG 10.91:1 (AAA) · APCA Lc 66
Contrast pairs
Frammenti di codice
CSS
:root {
--tower-tan: #d5b59b;
--tower-tan-rgb: 213 181 155;
--tower-tan-oklch: oklch(0.794 0.051 61.1);
}
.element {
color: var(--tower-tan);
background-color: hsl(27 41% 72%);
border-color: oklch(0.794 0.051 61.1);
}Tailwind CSS v4
@theme {
--color-tower-tan: #d5b59b;
--color-tower-tan-50: #fff2e6;
--color-tower-tan-100: #f5e5d7;
--color-tower-tan-200: #e5d0be;
--color-tower-tan-300: #cbb29d;
--color-tower-tan-400: #b59880;
--color-tower-tan-500: #a07f63;
--color-tower-tan-600: #876b55;
--color-tower-tan-700: #6c5643;
--color-tower-tan-800: #503e31;
--color-tower-tan-900: #382b21;
--color-tower-tan-950: #221810;
}SCSS
$tower-tan: #d5b59b;
$tower-tan-rgb: 213, 181, 155;
$tower-tan-light: mix(#fff, $tower-tan, 20%);
$tower-tan-dark: mix(#000, $tower-tan, 20%);
.element {
color: $tower-tan;
box-shadow: 0 0 0 2px rgba($tower-tan, 0.35);
}