Adlandırılmış renk · #B39F8D
Gilded Beige
Gilded Beige, #B39F8D: rgb(179 159 141), hsl(28 20% 63%), oklch(0.715 0.035 64.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Gilded Beige color name →
#B39F8D
oklch(0.715 0.035 64.2)
Renk dönüşümleri
- HEX
- #b39f8d
- RGB
- rgb(179 159 141)
- HSL
- hsl(28 20% 63%)
- HWB
- hwb(28 55% 30%)
- OKLCH
- oklch(0.715 0.035 64.2)
- OKLab
- oklab(0.715 0.015 0.031)
- CIE Lab
- lab(66.9 5.42 12.26)
- LCH
- lch(66.9 13.4 66.1)
- CMYK
- cmyk(0% 11% 21% 30%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BAA898
- C2B2A3
- C9BBAE
- D1C4B9
- D9CEC5
- E0D8D0
- E8E1DC
- F0EBE7
- F7F5F3
Koyu tonlar
- 9B8A7A
- 847567
- 6E6155
- 584D44
- 433B33
- 2F2923
- 1D1814
- 0C0907
- 010101
Gri tonlar
- AE9C8C
- A9998B
- A49689
- 9E9388
- 998F87
- 948C85
- 8F8984
- 8A8683
- 858381
Renk uyumları
Tamamlayıcı +180°
- B39F8D
Gilded Beige
- 91A6B8
≈ Dresden Dream
Analog -30° +30°
- B39F8D
Gilded Beige
- B89C95
≈ Creamed Caramel
- AAA38B
≈ Northgate Green
Üçlü +120° +240°
- B39F8D
Gilded Beige
- 8CABA5
≈ Oceanus
- A89EB5
≈ Grapeade
Bölünmüş tamamlayıcı +150° +210°
- B39F8D
Gilded Beige
- 8BA9B0
≈ Stone Silver
- 9CA2B9
≈ Zen Blue
Dörtlü +90° +180° +270°
- B39F8D
Gilded Beige
- 93AA99
≈ Melville
- 91A6B8
≈ Dresden Dream
- B19BAC
≈ Play Time
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.54:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.26:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.26:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
CSS
:root {
--gilded-beige: #b39f8d;
--gilded-beige-rgb: 179 159 141;
--gilded-beige-oklch: oklch(0.715 0.035 64.2);
}
.element {
color: var(--gilded-beige);
background-color: hsl(28 20% 63%);
border-color: oklch(0.715 0.035 64.2);
}Tailwind CSS v4
@theme {
--color-gilded-beige: #b39f8d;
--color-gilded-beige-50: #fcf3eb;
--color-gilded-beige-100: #f0e6dc;
--color-gilded-beige-200: #dfd2c5;
--color-gilded-beige-300: #c4b4a5;
--color-gilded-beige-400: #ad9b8a;
--color-gilded-beige-500: #97826f;
--color-gilded-beige-600: #806e5e;
--color-gilded-beige-700: #66584b;
--color-gilded-beige-800: #4b4036;
--color-gilded-beige-900: #342c25;
--color-gilded-beige-950: #201914;
}SCSS
$gilded-beige: #b39f8d;
$gilded-beige-rgb: 179, 159, 141;
$gilded-beige-light: mix(#fff, $gilded-beige, 20%);
$gilded-beige-dark: mix(#000, $gilded-beige, 20%);
.element {
color: $gilded-beige;
box-shadow: 0 0 0 2px rgba($gilded-beige, 0.35);
}