Adlandırılmış renk · #B39C8E
Postmodern Mauve
Postmodern Mauve, #B39C8E: rgb(179 156 142), hsl(23 20% 63%), oklch(0.709 0.034 53.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Postmodern Mauve color name →
#B39C8E
oklch(0.709 0.034 53.3)
Renk dönüşümleri
- HEX
- #b39c8e
- RGB
- rgb(179 156 142)
- HSL
- hsl(23 20% 63%)
- HWB
- hwb(23 56% 30%)
- OKLCH
- oklch(0.709 0.034 53.3)
- OKLab
- oklab(0.709 0.02 0.027)
- CIE Lab
- lab(66.14 7.09 10.65)
- LCH
- lch(66.14 12.79 56.4)
- CMYK
- cmyk(0% 13% 21% 30%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BAA699
- C2AFA4
- CAB9AF
- D1C3BA
- D9CCC5
- E0D6D1
- E8E0DC
- F0EBE8
- F7F5F3
Koyu tonlar
- 9B877B
- 847368
- 6E5F56
- 584C44
- 433934
- 2F2824
- 1D1815
- 0C0907
- 010101
Gri tonlar
- AE998D
- A9968B
- A4948A
- 9E9189
- 998E87
- 948B86
- 8F8884
- 8A8683
- 858381
Renk uyumları
Tamamlayıcı +180°
- B39C8E
Postmodern Mauve
- 8DA5B3
≈ Blue Skylights
Analog -30° +30°
- B39C8E
Postmodern Mauve
- B69997
≈ Tawny Mushroom
- ACA08A
≈ Sandy Bluff
Üçlü +120° +240°
- B39C8E
Postmodern Mauve
- 8CA99F
≈ Tropical Cascade
- A29EB5
≈ Royal Mile
Bölünmüş tamamlayıcı +150° +210°
- B39C8E
Postmodern Mauve
- 89A8AB
≈ Stone Silver
- 96A2B7
≈ Blue Blouse
Dörtlü +90° +180° +270°
- B39C8E
Postmodern Mauve
- 95A794
≈ Mantle
- 8DA5B3
≈ Blue Skylights
- AC9BAE
≈ Veiled Violet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.60:1 · APCA Lc 51
Ag
AAASiyah üzerinde
WCAG 8.06:1 · APCA Lc 51
En iyi metin rengi: #000000
WCAG 8.06:1 (AAA) · APCA Lc 51
Contrast pairs
Kod parçacıkları
CSS
:root {
--postmodern-mauve: #b39c8e;
--postmodern-mauve-rgb: 179 156 142;
--postmodern-mauve-oklch: oklch(0.709 0.034 53.3);
}
.element {
color: var(--postmodern-mauve);
background-color: hsl(23 20% 63%);
border-color: oklch(0.709 0.034 53.3);
}Tailwind CSS v4
@theme {
--color-postmodern-mauve: #b39c8e;
--color-postmodern-mauve-50: #fdf3ec;
--color-postmodern-mauve-100: #f1e5dd;
--color-postmodern-mauve-200: #e0d1c7;
--color-postmodern-mauve-300: #c6b3a7;
--color-postmodern-mauve-400: #af998c;
--color-postmodern-mauve-500: #998072;
--color-postmodern-mauve-600: #816d60;
--color-postmodern-mauve-700: #68574d;
--color-postmodern-mauve-800: #4c3f38;
--color-postmodern-mauve-900: #352c26;
--color-postmodern-mauve-950: #201915;
}SCSS
$postmodern-mauve: #b39c8e;
$postmodern-mauve-rgb: 179, 156, 142;
$postmodern-mauve-light: mix(#fff, $postmodern-mauve, 20%);
$postmodern-mauve-dark: mix(#000, $postmodern-mauve, 20%);
.element {
color: $postmodern-mauve;
box-shadow: 0 0 0 2px rgba($postmodern-mauve, 0.35);
}