Adlandırılmış renk · #DFC08A
Sahara Gravel
Sahara Gravel, #DFC08A: rgb(223 192 138), hsl(38 57% 71%), oklch(0.822 0.079 81.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? → · Sahara Gravel color name →
#DFC08A
oklch(0.822 0.079 81.1)
Renk dönüşümleri
- HEX
- #dfc08a
- RGB
- rgb(223 192 138)
- HSL
- hsl(38 57% 71%)
- HWB
- hwb(38 54% 13%)
- OKLCH
- oklch(0.822 0.079 81.1)
- OKLab
- oklab(0.822 0.012 0.078)
- CIE Lab
- lab(79.47 5.93 31.55)
- LCH
- lch(79.47 32.1 79.3)
- CMYK
- cmyk(0% 14% 38% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E2C696
- E6CDA2
- E9D3AE
- ECD9B9
- EFE0C5
- F2E6D0
- F6ECDC
- F9F2E8
- FCF9F3
Koyu tonlar
- C2A777
- A58E65
- 8A7653
- 6F5F42
- 564932
- 3D3422
- 272014
- 120E07
- 020201
Gri tonlar
- D5B98A
- CBB389
- C2AD88
- B8A687
- AFA086
- A59985
- 9C9384
- 928D83
- 898682
Renk uyumları
Tamamlayıcı +180°
- DFC08A
Sahara Gravel
- A8C6F8
≈ Night Snow
Analog -30° +30°
- DFC08A
Sahara Gravel
- EFB796
≈ Chilli Dip
- C6CA8F
≈ Springtide Green
Üçlü +120° +240°
- DFC08A
Sahara Gravel
- 85D4DA
≈ VIC 20 Sky
- DDB4E4
≈ Pretty Petunia
Bölünmüş tamamlayıcı +150° +210°
- DFC08A
Sahara Gravel
- 8FCFEF
≈ Pool Tiles
- C4BCF5
≈ Connecticut Lilac
Dörtlü +90° +180° +270°
- DFC08A
Sahara Gravel
- 8FD6BE
≈ Apple II Blue
- A8C6F8
≈ Night Snow
- EDB0CB
≈ Pink Frenzy
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.74:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 12.04:1 · APCA Lc 71
En iyi metin rengi: #000000
WCAG 12.04:1 (AAA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--sahara-gravel: #dfc08a;
--sahara-gravel-rgb: 223 192 138;
--sahara-gravel-oklch: oklch(0.822 0.079 81.1);
}
.element {
color: var(--sahara-gravel);
background-color: hsl(38 57% 71%);
border-color: oklch(0.822 0.079 81.1);
}Tailwind CSS v4
@theme {
--color-sahara-gravel: #dfc08a;
--color-sahara-gravel-50: #fff4dc;
--color-sahara-gravel-100: #f5e6cb;
--color-sahara-gravel-200: #e5d2af;
--color-sahara-gravel-300: #cbb48a;
--color-sahara-gravel-400: #b69a68;
--color-sahara-gravel-500: #a18146;
--color-sahara-gravel-600: #886d3c;
--color-sahara-gravel-700: #6d5730;
--color-sahara-gravel-800: #513f21;
--color-sahara-gravel-900: #382b16;
--color-sahara-gravel-950: #231907;
}SCSS
$sahara-gravel: #dfc08a;
$sahara-gravel-rgb: 223, 192, 138;
$sahara-gravel-light: mix(#fff, $sahara-gravel, 20%);
$sahara-gravel-dark: mix(#000, $sahara-gravel, 20%);
.element {
color: $sahara-gravel;
box-shadow: 0 0 0 2px rgba($sahara-gravel, 0.35);
}