Adlandırılmış renk · #DEB181
Desert Mist
Desert Mist, #DEB181: rgb(222 177 129), hsl(31 58% 69%), oklch(0.79 0.082 68). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Desert Mist color name →
#DEB181
oklch(0.79 0.082 68)
Renk dönüşümleri
- HEX
- #deb181
- RGB
- rgb(222 177 129)
- HSL
- hsl(31 58% 69%)
- HWB
- hwb(31 51% 13%)
- OKLCH
- oklch(0.79 0.082 68)
- OKLab
- oklab(0.79 0.031 0.076)
- CIE Lab
- lab(75.51 12.33 31.11)
- LCH
- lch(75.51 33.47 68.4)
- CMYK
- cmyk(0% 20% 42% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E2B98E
- E5C19A
- E8C8A7
- ECD0B4
- EFD8C0
- F2E0CD
- F6E8D9
- F9EFE6
- FCF7F2
Koyu tonlar
- C1996F
- A5835E
- 896C4E
- 6F573E
- 55422E
- 3D2F1F
- 261C12
- 120C06
- 020101
Gri tonlar
- D4AC81
- CBA782
- C1A282
- B89D82
- AE9982
- A59482
- 9C8F82
- 928A81
- 898581
Renk uyumları
Tamamlayıcı +180°
- DEB181
Desert Mist
- 90C0ED
≈ Blue Shutters
Analog -30° +30°
- DEB181
Desert Mist
- E9A994
≈ Ageless Beauty
- C8BC7E
≈ Frozen Marguerita
Üçlü +120° +240°
- DEB181
Desert Mist
- 79CCC4
≈ Blue Green Gem
- C9ADE4
≈ Lavender Field Dreamer
Bölünmüş tamamlayıcı +150° +210°
- DEB181
Desert Mist
- 7BC8DE
≈ Bliss Blue
- AEB6EF
≈ Perano
Dörtlü +90° +180° +270°
- DEB181
Desert Mist
- 8DCBA6
≈ Irish Spring
- 90C0ED
≈ Blue Shutters
- DEA6CD
≈ Tiara Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.96:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.71:1 · APCA Lc 65
En iyi metin rengi: #000000
WCAG 10.71:1 (AAA) · APCA Lc 65
Contrast pairs
Kod parçacıkları
CSS
:root {
--desert-mist: #deb181;
--desert-mist-rgb: 222 177 129;
--desert-mist-oklch: oklch(0.79 0.082 68);
}
.element {
color: var(--desert-mist);
background-color: hsl(31 58% 69%);
border-color: oklch(0.79 0.082 68);
}Tailwind CSS v4
@theme {
--color-desert-mist: #deb181;
--color-desert-mist-50: #fff2dc;
--color-desert-mist-100: #fae4cb;
--color-desert-mist-200: #eccfaf;
--color-desert-mist-300: #d3b18a;
--color-desert-mist-400: #bf9669;
--color-desert-mist-500: #aa7b47;
--color-desert-mist-600: #90693d;
--color-desert-mist-700: #735430;
--color-desert-mist-800: #563c22;
--color-desert-mist-900: #3c2a17;
--color-desert-mist-950: #261708;
}SCSS
$desert-mist: #deb181;
$desert-mist-rgb: 222, 177, 129;
$desert-mist-light: mix(#fff, $desert-mist, 20%);
$desert-mist-dark: mix(#000, $desert-mist, 20%);
.element {
color: $desert-mist;
box-shadow: 0 0 0 2px rgba($desert-mist, 0.35);
}