Adlandırılmış renk · #D1AF90
Fossil Tan
Fossil Tan, #D1AF90: rgb(209 175 144), hsl(29 41% 69%), oklch(0.776 0.058 64.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Fossil Tan color name →
#D1AF90
oklch(0.776 0.058 64.2)
Renk dönüşümleri
- HEX
- #d1af90
- RGB
- rgb(209 175 144)
- HSL
- hsl(29 41% 69%)
- HWB
- hwb(29 56% 18%)
- OKLCH
- oklch(0.776 0.058 64.2)
- OKLab
- oklab(0.776 0.025 0.052)
- CIE Lab
- lab(73.94 9.43 20.8)
- LCH
- lch(73.94 22.84 65.6)
- CMYK
- cmyk(0% 16% 31% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D6B79B
- DABFA6
- DFC7B1
- E4CFBC
- E8D7C7
- EDDFD2
- F1E7DD
- F6EFE8
- FBF7F4
Koyu tonlar
- B5987D
- 9B816A
- 816B57
- 685645
- 504134
- 392E24
- 231C15
- 100B07
- 020101
Gri tonlar
- C9AA8F
- C0A68D
- B8A18C
- B09C8A
- A89789
- A09387
- 988E85
- 908984
- 888582
Renk uyumları
Tamamlayıcı +180°
- D1AF90
Fossil Tan
- 97BBD9
≈ Manakin
Analog -30° +30°
- D1AF90
Fossil Tan
- D8AA9E
≈ Everything’s Rosy
- C2B68C
≈ Modish Moss
Üçlü +120° +240°
- D1AF90
Fossil Tan
- 8CC3BA
≈ Little Blue Box
- BEAED5
≈ Purple Gladiola
Bölünmüş tamamlayıcı +150° +210°
- D1AF90
Fossil Tan
- 8BC0CD
≈ Aftercare
- AAB4DC
≈ Sassy Violet
Dörtlü +90° +180° +270°
- D1AF90
Fossil Tan
- 9AC2A6
≈ Aroma Garden
- 97BBD9
≈ Manakin
- CEA9C6
≈ Heart to Heart
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.04:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.24:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.24:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
CSS
:root {
--fossil-tan: #d1af90;
--fossil-tan-rgb: 209 175 144;
--fossil-tan-oklch: oklch(0.776 0.058 64.2);
}
.element {
color: var(--fossil-tan);
background-color: hsl(29 41% 69%);
border-color: oklch(0.776 0.058 64.2);
}Tailwind CSS v4
@theme {
--color-fossil-tan: #d1af90;
--color-fossil-tan-50: #fff2e4;
--color-fossil-tan-100: #f6e5d4;
--color-fossil-tan-200: #e6d0bb;
--color-fossil-tan-300: #ccb299;
--color-fossil-tan-400: #b7987b;
--color-fossil-tan-500: #a27e5d;
--color-fossil-tan-600: #896b50;
--color-fossil-tan-700: #6d563f;
--color-fossil-tan-800: #513e2e;
--color-fossil-tan-900: #392b1f;
--color-fossil-tan-950: #23180f;
}SCSS
$fossil-tan: #d1af90;
$fossil-tan-rgb: 209, 175, 144;
$fossil-tan-light: mix(#fff, $fossil-tan, 20%);
$fossil-tan-dark: mix(#000, $fossil-tan, 20%);
.element {
color: $fossil-tan;
box-shadow: 0 0 0 2px rgba($fossil-tan, 0.35);
}