Adlandırılmış renk · #B16D52
Santa Fe
Santa Fe, #B16D52: rgb(177 109 82), hsl(17 38% 51%), oklch(0.602 0.096 42.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Santa Fe color name →
#B16D52
oklch(0.602 0.096 42.3)
Renk dönüşümleri
- HEX
- #b16d52
- RGB
- rgb(177 109 82)
- HSL
- hsl(17 38% 51%)
- HWB
- hwb(17 32% 31%)
- OKLCH
- oklch(0.602 0.096 42.3)
- OKLab
- oklab(0.602 0.071 0.064)
- CIE Lab
- lab(53.23 25.73 27.02)
- LCH
- lch(53.23 37.3 46.4)
- CMYK
- cmyk(0% 38% 54% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BA7B63
- C28A73
- CA9884
- D2A695
- DAB5A6
- E2C3B8
- E9D2C9
- F1E1DB
- F8F0ED
Koyu tonlar
- 995E46
- 834F3B
- 6C412F
- 573325
- 42261A
- 2F1911
- 1C0D08
- 0C0402
- 010100
Gri tonlar
- AD6F57
- A8725C
- A47461
- 9F7666
- 9A786A
- 95796F
- 907B73
- 8B7D77
- 867E7C
Renk uyumları
Tamamlayıcı +180°
- B16D52
Santa Fe
- 2F8DAA
≈ Carol
Analog -30° +30°
- B16D52
Santa Fe
- B26871
≈ Mauvewood
- A4773B
≈ Gallant Gold
Üçlü +120° +240°
- B16D52
Santa Fe
- 449370
≈ Good Luck
- 7879B9
≈ Astro Zinger
Bölünmüş tamamlayıcı +150° +210°
- B16D52
Santa Fe
- 219390
≈ Atrovirens
- 5584B9
≈ Handsome Hue
Dörtlü +90° +180° +270°
- B16D52
Santa Fe
- 6B8D50
≈ Field Time Green
- 2F8DAA
≈ Carol
- 9470AA
≈ Ce Soir
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.05:1 · APCA Lc 68
Ag
AASiyah üzerinde
WCAG 5.17:1 · APCA Lc 34
En iyi metin rengi: #000000
WCAG 5.17:1 (AA) · APCA Lc 34
Contrast pairs
Kod parçacıkları
CSS
:root {
--santa-fe: #b16d52;
--santa-fe-rgb: 177 109 82;
--santa-fe-oklch: oklch(0.602 0.096 42.3);
}
.element {
color: var(--santa-fe);
background-color: hsl(17 38% 51%);
border-color: oklch(0.602 0.096 42.3);
}Tailwind CSS v4
@theme {
--color-santa-fe: #b16d52;
--color-santa-fe-50: #ffeddf;
--color-santa-fe-100: #ffdfce;
--color-santa-fe-200: #f8c8b3;
--color-santa-fe-300: #e2a890;
--color-santa-fe-400: #cf8c71;
--color-santa-fe-500: #bb7052;
--color-santa-fe-600: #9e5f46;
--color-santa-fe-700: #7f4c37;
--color-santa-fe-800: #5e3628;
--color-santa-fe-900: #42251b;
--color-santa-fe-950: #2a140b;
}SCSS
$santa-fe: #b16d52;
$santa-fe-rgb: 177, 109, 82;
$santa-fe-light: mix(#fff, $santa-fe, 20%);
$santa-fe-dark: mix(#000, $santa-fe, 20%);
.element {
color: $santa-fe;
box-shadow: 0 0 0 2px rgba($santa-fe, 0.35);
}