Colore con nome · #DEAA88
Tumbleweed
Tumbleweed è #DEAA88: rgb(222 170 136), hsl(24 57% 70%), oklch(0.778 0.077 54.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Tumbleweed color name →
#DEAA88
oklch(0.778 0.077 54.5)
Conversioni di colore
- HEX
- #deaa88
- RGB
- rgb(222 170 136)
- HSL
- hsl(24 57% 70%)
- HWB
- hwb(24 53% 13%)
- OKLCH
- oklch(0.778 0.077 54.5)
- OKLab
- oklab(0.778 0.045 0.063)
- CIE Lab
- lab(73.91 16.44 25.32)
- LCH
- lch(73.91 30.19 57)
- CMYK
- cmyk(0% 23% 39% 13%)
Tinte · Ombre · Toni
Tinte
- E2B294
- E5BBA0
- E9C3AB
- ECCCB7
- F0D4C3
- F3DDCF
- F6E5DB
- F9EEE7
- FCF6F3
Ombre
- C19375
- A57D63
- 896852
- 6F5341
- 553F31
- 3D2D22
- 261B13
- 120B06
- 020101
Toni
- D4A688
- CBA287
- C19E86
- B89986
- AF9585
- A59184
- 9C8D83
- 938982
- 898481
Armonie di colore
Complementare +180°
- DEAA88
Tumbleweed
- 85BFE1
≈ Billow
Analogo -30° +30°
- DEAA88
Tumbleweed
- E4A49E
≈ Cuticle Pink
- CEB37E
≈ Aged Seagrass
Triadico +120° +240°
- DEAA88
Tumbleweed
- 81C7B3
≈ Meridian Star
- B9AEE3
≈ Purple Hibiscus
Complementare divisa +150° +210°
- DEAA88
Tumbleweed
- 79C5CE
≈ Wavelet
- 9EB7E9
≈ Honest
Tetradico +90° +180° +270°
- DEAA88
Tumbleweed
- 99C498
≈ Velvet Leaf
- 85BFE1
≈ Billow
- D0A6D2
≈ Favourite Lavender
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.05:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.21:1 · APCA Lc 62
Miglior colore del testo: #000000
WCAG 10.21:1 (AAA) · APCA Lc 62
Contrast pairs
Frammenti di codice
CSS
:root {
--tumbleweed: #deaa88;
--tumbleweed-rgb: 222 170 136;
--tumbleweed-oklch: oklch(0.778 0.077 54.5);
}
.element {
color: var(--tumbleweed);
background-color: hsl(24 57% 70%);
border-color: oklch(0.778 0.077 54.5);
}Tailwind CSS v4
@theme {
--color-tumbleweed: #deaa88;
--color-tumbleweed-50: #fff0e0;
--color-tumbleweed-100: #fde2d0;
--color-tumbleweed-200: #efcdb5;
--color-tumbleweed-300: #d7ae92;
--color-tumbleweed-400: #c39373;
--color-tumbleweed-500: #ae7854;
--color-tumbleweed-600: #936648;
--color-tumbleweed-700: #765139;
--color-tumbleweed-800: #583b29;
--color-tumbleweed-900: #3d281b;
--color-tumbleweed-950: #27160c;
}SCSS
$tumbleweed: #deaa88;
$tumbleweed-rgb: 222, 170, 136;
$tumbleweed-light: mix(#fff, $tumbleweed, 20%);
$tumbleweed-dark: mix(#000, $tumbleweed, 20%);
.element {
color: $tumbleweed;
box-shadow: 0 0 0 2px rgba($tumbleweed, 0.35);
}