Adlandırılmış renk · #A99582
Silent Sands
Silent Sands, #A99582: rgb(169 149 130), hsl(29 18% 59%), oklch(0.682 0.036 65.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Silent Sands color name →
#A99582
oklch(0.682 0.036 65.7)
Renk dönüşümleri
- HEX
- #a99582
- RGB
- rgb(169 149 130)
- HSL
- hsl(29 18% 59%)
- HWB
- hwb(29 51% 34%)
- OKLCH
- oklch(0.682 0.036 65.7)
- OKLab
- oklab(0.682 0.015 0.033)
- CIE Lab
- lab(63.12 5.4 12.94)
- LCH
- lch(63.12 14.02 67.3)
- CMYK
- cmyk(0% 12% 23% 34%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B19F8E
- BAA99A
- C2B4A6
- CBBEB2
- D3C9BF
- DCD3CB
- E5DED8
- EDE9E5
- F6F4F2
Koyu tonlar
- 928170
- 7C6D5F
- 675A4E
- 53483E
- 3F372F
- 2C2620
- 1B1612
- 0A0806
- 010101
Gri tonlar
- A59382
- A19182
- 9D8F82
- 998D81
- 948B81
- 908881
- 8C8681
- 888481
- 848280
Renk uyumları
Tamamlayıcı +180°
- A99582
Silent Sands
- 879CAE
≈ Tsunami
Analog -30° +30°
- A99582
Silent Sands
- AE928A
≈ Plush Suede
- 9F9980
≈ Pebble
Üçlü +120° +240°
- A99582
Silent Sands
- 81A19C
≈ Gnome
- 9E94AB
≈ Purple Surf
Bölünmüş tamamlayıcı +150° +210°
- A99582
Silent Sands
- 809FA7
≈ Cold Waterlogged Lab Coat
- 9298B0
≈ Frosty Nightfall
Dörtlü +90° +180° +270°
- A99582
Silent Sands
- 88A090
≈ Hillside View
- 879CAE
≈ Tsunami
- A891A2
≈ Garden Flower
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.87:1 · APCA Lc 55
Ag
AAASiyah üzerinde
WCAG 7.30:1 · APCA Lc 47
En iyi metin rengi: #000000
WCAG 7.30:1 (AAA) · APCA Lc 47
Contrast pairs
Kod parçacıkları
CSS
:root {
--silent-sands: #a99582;
--silent-sands-rgb: 169 149 130;
--silent-sands-oklch: oklch(0.682 0.036 65.7);
}
.element {
color: var(--silent-sands);
background-color: hsl(29 18% 59%);
border-color: oklch(0.682 0.036 65.7);
}Tailwind CSS v4
@theme {
--color-silent-sands: #a99582;
--color-silent-sands-50: #fcf3ea;
--color-silent-sands-100: #f0e6db;
--color-silent-sands-200: #dfd2c4;
--color-silent-sands-300: #c4b4a4;
--color-silent-sands-400: #ae9b88;
--color-silent-sands-500: #97826d;
--color-silent-sands-600: #806e5d;
--color-silent-sands-700: #66584a;
--color-silent-sands-800: #4c4036;
--color-silent-sands-900: #342c25;
--color-silent-sands-950: #201913;
}SCSS
$silent-sands: #a99582;
$silent-sands-rgb: 169, 149, 130;
$silent-sands-light: mix(#fff, $silent-sands, 20%);
$silent-sands-dark: mix(#000, $silent-sands, 20%);
.element {
color: $silent-sands;
box-shadow: 0 0 0 2px rgba($silent-sands, 0.35);
}