En yakın adlandırılmış renk · #BA969E
#BA969E
En yakın adlandırılmış renk: Classy Mauve
#BA969E (rgb(186 150 158), hsl(347 21% 66%), oklch(0.708 0.044 3.4)) en çok Classy Mauve 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.
#BA969E
oklch(0.708 0.044 3.4)
Renk dönüşümleri
- HEX
- #ba969e
- RGB
- rgb(186 150 158)
- HSL
- hsl(347 21% 66%)
- HWB
- hwb(347 59% 27%)
- OKLCH
- oklch(0.708 0.044 3.4)
- OKLab
- oklab(0.708 0.044 0.003)
- CIE Lab
- lab(65.64 14.84 1.16)
- LCH
- lch(65.64 14.88 4.5)
- CMYK
- cmyk(0% 19% 15% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C1A0A7
- C8AAB1
- CFB5BA
- D6BFC4
- DDC9CD
- E4D4D7
- EADFE1
- F1E9EB
- F8F4F5
Koyu tonlar
- A18289
- 896E74
- 725B60
- 5C494D
- 46373A
- 322629
- 1E1618
- 0D0809
- 020101
Gri tonlar
- B4949B
- AE9298
- A98F95
- A38D92
- 9D8B8F
- 97898C
- 918789
- 8C8486
- 868283
Renk uyumları
Tamamlayıcı +180°
- BA969E
Classy Mauve
- 83ABA4
≈ Lake Water
Analog -30° +30°
- BA969E
Classy Mauve
- B397AD
≈ Roseville
- BB988F
≈ Del Rio
Üçlü +120° +240°
- BA969E
Classy Mauve
- 9BA688
≈ Glade
- 8AA5BB
≈ Notable Hue
Bölünmüş tamamlayıcı +150° +210°
- BA969E
Classy Mauve
- 8DAA94
≈ Peaslake
- 82A9B2
≈ Equanimity
Dörtlü +90° +180° +270°
- BA969E
Classy Mauve
- AAA182
≈ Cricket
- 83ABA4
≈ Lake Water
- 98A0BD
≈ House of Owen
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.64:1 · APCA Lc 51
Ag
AAASiyah üzerinde
WCAG 7.94:1 · APCA Lc 50
En iyi metin rengi: #000000
WCAG 7.94:1 (AAA) · APCA Lc 50
Contrast pairs
Kod parçacıkları
CSS
:root {
--classy-mauve: #ba969e;
--classy-mauve-rgb: 186 150 158;
--classy-mauve-oklch: oklch(0.708 0.044 3.4);
}
.element {
color: var(--classy-mauve);
background-color: hsl(347 21% 66%);
border-color: oklch(0.708 0.044 3.4);
}Tailwind CSS v4
@theme {
--color-classy-mauve: #ba969e;
--color-classy-mauve-50: #fff0f3;
--color-classy-mauve-100: #f6e2e6;
--color-classy-mauve-200: #e6cdd1;
--color-classy-mauve-300: #ccaeb4;
--color-classy-mauve-400: #b6949c;
--color-classy-mauve-500: #a07a83;
--color-classy-mauve-600: #88686f;
--color-classy-mauve-700: #6d5359;
--color-classy-mauve-800: #503c41;
--color-classy-mauve-900: #38292d;
--color-classy-mauve-950: #22171a;
}SCSS
$classy-mauve: #ba969e;
$classy-mauve-rgb: 186, 150, 158;
$classy-mauve-light: mix(#fff, $classy-mauve, 20%);
$classy-mauve-dark: mix(#000, $classy-mauve, 20%);
.element {
color: $classy-mauve;
box-shadow: 0 0 0 2px rgba($classy-mauve, 0.35);
}