Adlandırılmış renk · #A69474
San Antonio Sage
San Antonio Sage, #A69474: rgb(166 148 116), hsl(38 22% 55%), oklch(0.674 0.05 81.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · San Antonio Sage color name →
#A69474
oklch(0.674 0.05 81.9)
Renk dönüşümleri
- HEX
- #a69474
- RGB
- rgb(166 148 116)
- HSL
- hsl(38 22% 55%)
- HWB
- hwb(38 45% 35%)
- OKLCH
- oklch(0.674 0.05 81.9)
- OKLab
- oklab(0.674 0.007 0.049)
- CIE Lab
- lab(62.32 3.23 19.56)
- LCH
- lch(62.32 19.82 80.6)
- CMYK
- cmyk(0% 11% 30% 35%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AF9E81
- B7A98F
- C0B39C
- C9BEAA
- D2C8B8
- DBD3C6
- E4DED4
- EDE9E2
- F6F4F1
Koyu tonlar
- 908064
- 7A6D54
- 655A45
- 514837
- 3E3629
- 2B261B
- 1A160F
- 0A0805
- 010101
Gri tonlar
- A29275
- 9E9077
- 9B8E78
- 978C79
- 938A7B
- 8F887C
- 8B867D
- 88847E
- 84827F
Renk uyumları
Tamamlayıcı +180°
- A69474
San Antonio Sage
- 8697B6
≈ Denim Tradition
Analog -30° +30°
- A69474
San Antonio Sage
- B08E7B
≈ Magnitude
- 979A77
≈ Lucky Day
Üçlü +120° +240°
- A69474
San Antonio Sage
- 72A0A3
≈ Delaware Blue Hen
- A58DA9
≈ Aged to Perfection
Bölünmüş tamamlayıcı +150° +210°
- A69474
San Antonio Sage
- 789CB0
≈ Frozen Lake
- 9791B3
≈ Extinct
Dörtlü +90° +180° +270°
- A69474
San Antonio Sage
- 78A193
≈ Greyish Teal
- 8697B6
≈ Denim Tradition
- B08A9A
≈ Reserve
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.95:1 · APCA Lc 56
Ag
AAASiyah üzerinde
WCAG 7.10:1 · APCA Lc 46
En iyi metin rengi: #000000
WCAG 7.10:1 (AAA) · APCA Lc 46
Contrast pairs
Kod parçacıkları
CSS
:root {
--san-antonio-sage: #a69474;
--san-antonio-sage-rgb: 166 148 116;
--san-antonio-sage-oklch: oklch(0.674 0.05 81.9);
}
.element {
color: var(--san-antonio-sage);
background-color: hsl(38 22% 55%);
border-color: oklch(0.674 0.05 81.9);
}Tailwind CSS v4
@theme {
--color-san-antonio-sage: #a69474;
--color-san-antonio-sage-50: #fcf4e6;
--color-san-antonio-sage-100: #f0e7d6;
--color-san-antonio-sage-200: #ded3bd;
--color-san-antonio-sage-300: #c4b69b;
--color-san-antonio-sage-400: #ad9c7e;
--color-san-antonio-sage-500: #978360;
--color-san-antonio-sage-600: #806f52;
--color-san-antonio-sage-700: #665941;
--color-san-antonio-sage-800: #4c412f;
--color-san-antonio-sage-900: #342d20;
--color-san-antonio-sage-950: #201a0f;
}SCSS
$san-antonio-sage: #a69474;
$san-antonio-sage-rgb: 166, 148, 116;
$san-antonio-sage-light: mix(#fff, $san-antonio-sage, 20%);
$san-antonio-sage-dark: mix(#000, $san-antonio-sage, 20%);
.element {
color: $san-antonio-sage;
box-shadow: 0 0 0 2px rgba($san-antonio-sage, 0.35);
}