Colore con nome · #D39A72
Rustic Adobe
Rustic Adobe è #D39A72: rgb(211 154 114), hsl(25 52% 64%), oklch(0.732 0.087 55.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Rustic Adobe color name →
#D39A72
oklch(0.732 0.087 55.9)
Conversioni di colore
- HEX
- #d39a72
- RGB
- rgb(211 154 114)
- HSL
- hsl(25 52% 64%)
- HWB
- hwb(25 45% 17%)
- OKLCH
- oklch(0.732 0.087 55.9)
- OKLab
- oklab(0.732 0.049 0.072)
- CIE Lab
- lab(68.52 18.46 29.81)
- LCH
- lch(68.52 35.06 58.2)
- CMYK
- cmyk(0% 27% 46% 17%)
Tinte · Ombre · Toni
Tinte
- D8A480
- DDAE8E
- E1B89C
- E6C2AA
- EACCB8
- EFD6C6
- F3E0D4
- F7EBE2
- FBF5F1
Ombre
- B78562
- 9C7153
- 825E44
- 694B36
- 513928
- 3A271B
- 24170E
- 100904
- 020101
Toni
- CB9874
- C29576
- BA9378
- B29079
- AA8E7B
- A18B7C
- 99887D
- 91867E
- 88837F
Armonie di colore
Complementare +180°
- D39A72
Rustic Adobe
- 70B1D8
≈ Skyscape
Analogo -30° +30°
- D39A72
Rustic Adobe
- DA938C
≈ Tuscan Image
- C1A566
≈ Southern Moss
Triadico +120° +240°
- D39A72
Rustic Adobe
- 67BAA6
≈ Bath Turquoise
- AD9DD9
≈ Violet Velvet
Complementare divisa +150° +210°
- D39A72
Rustic Adobe
- 5EB8C3
≈ Shinbashi
- 8EA7E0
≈ Queer Blue
Tetradico +90° +180° +270°
- D39A72
Rustic Adobe
- 84B787
≈ Aniseed Leaf Green
- 70B1D8
≈ Skyscape
- C595C6
≈ Pomtini
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.43:1 · APCA Lc 48
Ag
AAASu nero
WCAG 8.63:1 · APCA Lc 54
Miglior colore del testo: #000000
WCAG 8.63:1 (AAA) · APCA Lc 54
Contrast pairs
Frammenti di codice
CSS
:root {
--rustic-adobe: #d39a72;
--rustic-adobe-rgb: 211 154 114;
--rustic-adobe-oklch: oklch(0.732 0.087 55.9);
}
.element {
color: var(--rustic-adobe);
background-color: hsl(25 52% 64%);
border-color: oklch(0.732 0.087 55.9);
}Tailwind CSS v4
@theme {
--color-rustic-adobe: #d39a72;
--color-rustic-adobe-50: #fff0dd;
--color-rustic-adobe-100: #ffe1cc;
--color-rustic-adobe-200: #f2ccb0;
--color-rustic-adobe-300: #daad8b;
--color-rustic-adobe-400: #c7916c;
--color-rustic-adobe-500: #b2764b;
--color-rustic-adobe-600: #976440;
--color-rustic-adobe-700: #795033;
--color-rustic-adobe-800: #5a3a24;
--color-rustic-adobe-900: #3f2818;
--color-rustic-adobe-950: #281609;
}SCSS
$rustic-adobe: #d39a72;
$rustic-adobe-rgb: 211, 154, 114;
$rustic-adobe-light: mix(#fff, $rustic-adobe, 20%);
$rustic-adobe-dark: mix(#000, $rustic-adobe, 20%);
.element {
color: $rustic-adobe;
box-shadow: 0 0 0 2px rgba($rustic-adobe, 0.35);
}