Adlandırılmış renk · #DEAA88
Tumbleweed
Tumbleweed, #DEAA88: rgb(222 170 136), hsl(24 57% 70%), oklch(0.778 0.077 54.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Tumbleweed color name →
#DEAA88
oklch(0.778 0.077 54.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E2B294
- E5BBA0
- E9C3AB
- ECCCB7
- F0D4C3
- F3DDCF
- F6E5DB
- F9EEE7
- FCF6F3
Koyu tonlar
- C19375
- A57D63
- 896852
- 6F5341
- 553F31
- 3D2D22
- 261B13
- 120B06
- 020101
Gri tonlar
- D4A688
- CBA287
- C19E86
- B89986
- AF9585
- A59184
- 9C8D83
- 938982
- 898481
Renk uyumları
Tamamlayıcı +180°
- DEAA88
Tumbleweed
- 85BFE1
≈ Billow
Analog -30° +30°
- DEAA88
Tumbleweed
- E4A49E
≈ Cuticle Pink
- CEB37E
≈ Aged Seagrass
Üçlü +120° +240°
- DEAA88
Tumbleweed
- 81C7B3
≈ Meridian Star
- B9AEE3
≈ Purple Hibiscus
Bölünmüş tamamlayıcı +150° +210°
- DEAA88
Tumbleweed
- 79C5CE
≈ Wavelet
- 9EB7E9
≈ Honest
Dörtlü +90° +180° +270°
- DEAA88
Tumbleweed
- 99C498
≈ Velvet Leaf
- 85BFE1
≈ Billow
- D0A6D2
≈ Favourite Lavender
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.05:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.21:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.21:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
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);
}