Adlandırılmış renk · #CDBBA2
Gobi Desert
Gobi Desert, #CDBBA2: rgb(205 187 162), hsl(35 30% 72%), oklch(0.801 0.04 76.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Gobi Desert color name →
#CDBBA2
oklch(0.801 0.04 76.1)
Renk dönüşümleri
- HEX
- #cdbba2
- RGB
- rgb(205 187 162)
- HSL
- hsl(35 30% 72%)
- HWB
- hwb(35 64% 20%)
- OKLCH
- oklch(0.801 0.04 76.1)
- OKLab
- oklab(0.801 0.01 0.039)
- CIE Lab
- lab(76.92 3.65 15.16)
- LCH
- lch(76.92 15.59 76.5)
- CMYK
- cmyk(0% 9% 21% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D2C2AB
- D7C8B4
- DCCFBD
- E1D6C7
- E6DDD0
- EBE3D9
- F0EAE3
- F5F1EC
- FAF8F5
Koyu tonlar
- B2A28C
- 988A77
- 7E7363
- 665C4F
- 4E463C
- 38322A
- 231F19
- 0F0D0A
- 020201
Gri tonlar
- C5B59F
- BDAF9B
- B5A998
- ADA394
- A69D91
- 9E978E
- 96918A
- 8F8C87
- 878683
Renk uyumları
Tamamlayıcı +180°
- CDBBA2
Gobi Desert
- AEC0D8
≈ Blue Thistle
Analog -30° +30°
- CDBBA2
Gobi Desert
- D5B7A9
≈ Canyon Trail
- C1C0A3
≈ Mint Frost
Üçlü +120° +240°
- CDBBA2
Gobi Desert
- A1C6C6
≈ Raindrop
- C8B7D0
≈ Sweet Scent
Bölünmüş tamamlayıcı +150° +210°
- CDBBA2
Gobi Desert
- A4C4D2
≈ Blue Dam
- BBBBD7
≈ Lavender Grey
Dörtlü +90° +180° +270°
- CDBBA2
Gobi Desert
- A7C7B8
≈ Wave Runner
- AEC0D8
≈ Blue Thistle
- D2B4C3
≈ Tsarina
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.87:1 · APCA Lc 35
Ag
AAASiyah üzerinde
WCAG 11.22:1 · APCA Lc 67
En iyi metin rengi: #000000
WCAG 11.22:1 (AAA) · APCA Lc 67
Contrast pairs
Kod parçacıkları
CSS
:root {
--gobi-desert: #cdbba2;
--gobi-desert-rgb: 205 187 162;
--gobi-desert-oklch: oklch(0.801 0.04 76.1);
}
.element {
color: var(--gobi-desert);
background-color: hsl(35 30% 72%);
border-color: oklch(0.801 0.04 76.1);
}Tailwind CSS v4
@theme {
--color-gobi-desert: #cdbba2;
--color-gobi-desert-50: #fcf4e9;
--color-gobi-desert-100: #efe7d9;
--color-gobi-desert-200: #ded3c2;
--color-gobi-desert-300: #c3b5a1;
--color-gobi-desert-400: #ac9c85;
--color-gobi-desert-500: #968369;
--color-gobi-desert-600: #7f6f59;
--color-gobi-desert-700: #655947;
--color-gobi-desert-800: #4b4133;
--color-gobi-desert-900: #342c23;
--color-gobi-desert-950: #1f1a12;
}SCSS
$gobi-desert: #cdbba2;
$gobi-desert-rgb: 205, 187, 162;
$gobi-desert-light: mix(#fff, $gobi-desert, 20%);
$gobi-desert-dark: mix(#000, $gobi-desert, 20%);
.element {
color: $gobi-desert;
box-shadow: 0 0 0 2px rgba($gobi-desert, 0.35);
}