Colore con nome · #E9B581
Tanaris Beige
Tanaris Beige è #E9B581: rgb(233 181 129), hsl(30 70% 71%), oklch(0.809 0.091 66). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Tanaris Beige color name →
#E9B581
oklch(0.809 0.091 66)
Conversioni di colore
- HEX
- #e9b581
- RGB
- rgb(233 181 129)
- HSL
- hsl(30 70% 71%)
- HWB
- hwb(30 51% 9%)
- OKLCH
- oklch(0.809 0.091 66)
- OKLab
- oklab(0.809 0.037 0.083)
- CIE Lab
- lab(77.63 14.74 34.09)
- LCH
- lch(77.63 37.14 66.6)
- CMYK
- cmyk(0% 22% 45% 9%)
Tinte · Ombre · Toni
Tinte
- ECBC8E
- EEC49B
- F0CBA7
- F3D3B4
- F5DAC0
- F7E2CD
- F9E9D9
- FBF0E6
- FDF8F2
Ombre
- CB9D6F
- AD865E
- 906F4E
- 74593E
- 5A442E
- 41301F
- 291D12
- 130C06
- 030201
Toni
- DEB082
- D4AA82
- C9A582
- BEA082
- B49B82
- A99582
- 9F9082
- 958B81
- 8A8581
Armonie di colore
Complementare +180°
- E9B581
Tanaris Beige
- 8FC7F8
≈ Clear Sky
Analogo -30° +30°
- E9B581
Tanaris Beige
- F5AC98
≈ Duchess Rose
- D2C17C
≈ Winter Hazel
Triadico +120° +240°
- E9B581
Tanaris Beige
- 77D4C9
≈ Water Wings
- CFB2EF
≈ Violet Heaven
Complementare divisa +150° +210°
- E9B581
Tanaris Beige
- 77CFE6
≈ Summer Splash
- B0BCFB
≈ Purple Illusion
Tetradico +90° +180° +270°
- E9B581
Tanaris Beige
- 8FD2A8
≈ Low Tide
- 8FC7F8
≈ Clear Sky
- E6AAD7
≈ Cosmic Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.84:1 · APCA Lc 35
Ag
AAASu nero
WCAG 11.39:1 · APCA Lc 68
Miglior colore del testo: #000000
WCAG 11.39:1 (AAA) · APCA Lc 68
Contrast pairs
Frammenti di codice
CSS
:root {
--tanaris-beige: #e9b581;
--tanaris-beige-rgb: 233 181 129;
--tanaris-beige-oklch: oklch(0.809 0.091 66);
}
.element {
color: var(--tanaris-beige);
background-color: hsl(30 70% 71%);
border-color: oklch(0.809 0.091 66);
}Tailwind CSS v4
@theme {
--color-tanaris-beige: #e9b581;
--color-tanaris-beige-50: #fff1da;
--color-tanaris-beige-100: #fde3c8;
--color-tanaris-beige-200: #efceab;
--color-tanaris-beige-300: #d7af85;
--color-tanaris-beige-400: #c39463;
--color-tanaris-beige-500: #af7940;
--color-tanaris-beige-600: #946737;
--color-tanaris-beige-700: #77522c;
--color-tanaris-beige-800: #583b1f;
--color-tanaris-beige-900: #3e2914;
--color-tanaris-beige-950: #271606;
}SCSS
$tanaris-beige: #e9b581;
$tanaris-beige-rgb: 233, 181, 129;
$tanaris-beige-light: mix(#fff, $tanaris-beige, 20%);
$tanaris-beige-dark: mix(#000, $tanaris-beige, 20%);
.element {
color: $tanaris-beige;
box-shadow: 0 0 0 2px rgba($tanaris-beige, 0.35);
}