En yakın adlandırılmış renk · #B0AD95
#B0AD95
En yakın adlandırılmış renk: Quiet Thicket
#B0AD95 (rgb(176 173 149), hsl(53 15% 64%), oklch(0.744 0.034 101.3)) en çok Quiet Thicket adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#B0AD95
oklch(0.744 0.034 101.3)
Renk dönüşümleri
- HEX
- #b0ad95
- RGB
- rgb(176 173 149)
- HSL
- hsl(53 15% 64%)
- HWB
- hwb(53 58% 31%)
- OKLCH
- oklch(0.744 0.034 101.3)
- OKLab
- oklab(0.744 -0.007 0.033)
- CIE Lab
- lab(70.48 -1.98 12.8)
- LCH
- lch(70.48 12.95 98.8)
- CMYK
- cmyk(0% 2% 15% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B8B59F
- BFBDAA
- C7C5B4
- CFCDBE
- D7D5C9
- DFDED4
- E7E6DE
- EFEEE9
- F7F7F4
Koyu tonlar
- 999681
- 827F6D
- 6C6A5A
- 565548
- 424137
- 2E2D26
- 1C1B16
- 0B0B08
- 010101
Gri tonlar
- ABA893
- A6A491
- A19F8F
- 9C9B8D
- 98968B
- 939289
- 8E8D86
- 898984
- 858482
Renk uyumları
Tamamlayıcı +180°
- B0AD95
Quiet Thicket
- A8AAC1
≈ Cosmic Sky
Analog -30° +30°
- B0AD95
Quiet Thicket
- BAA995
≈ Fangtooth Fish
- A4B19B
≈ Banksia
Üçlü +120° +240°
- B0AD95
Quiet Thicket
- 96B1BB
≈ Lucy Blue
- BCA4B2
≈ Pansy Posy
Bölünmüş tamamlayıcı +150° +210°
- B0AD95
Quiet Thicket
- 9DAEC1
≈ Sterling Silver
- B3A6BC
≈ Transparent Mauve
Dörtlü +90° +180° +270°
- B0AD95
Quiet Thicket
- 94B3B1
≈ Calcite Blue
- A8AAC1
≈ Cosmic Sky
- C0A4A6
≈ Tourmaline Mauve
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.26:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 9.25:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.25:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
CSS
:root {
--quiet-thicket: #b0ad95;
--quiet-thicket-rgb: 176 173 149;
--quiet-thicket-oklch: oklch(0.744 0.034 101.3);
}
.element {
color: var(--quiet-thicket);
background-color: hsl(53 15% 64%);
border-color: oklch(0.744 0.034 101.3);
}Tailwind CSS v4
@theme {
--color-quiet-thicket: #b0ad95;
--color-quiet-thicket-50: #f7f6eb;
--color-quiet-thicket-100: #e9e9dc;
--color-quiet-thicket-200: #d6d5c5;
--color-quiet-thicket-300: #bab8a5;
--color-quiet-thicket-400: #a29f89;
--color-quiet-thicket-500: #8b876e;
--color-quiet-thicket-600: #75725d;
--color-quiet-thicket-700: #5e5c4a;
--color-quiet-thicket-800: #454336;
--color-quiet-thicket-900: #302e24;
--color-quiet-thicket-950: #1c1b13;
}SCSS
$quiet-thicket: #b0ad95;
$quiet-thicket-rgb: 176, 173, 149;
$quiet-thicket-light: mix(#fff, $quiet-thicket, 20%);
$quiet-thicket-dark: mix(#000, $quiet-thicket, 20%);
.element {
color: $quiet-thicket;
box-shadow: 0 0 0 2px rgba($quiet-thicket, 0.35);
}