Adlandırılmış renk · #A08990
Majolica Mauve
Majolica Mauve, #A08990: rgb(160 137 144), hsl(342 11% 58%), oklch(0.653 0.029 357.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Majolica Mauve color name →
#A08990
oklch(0.653 0.029 357.6)
Renk dönüşümleri
- HEX
- #a08990
- RGB
- rgb(160 137 144)
- HSL
- hsl(342 11% 58%)
- HWB
- hwb(342 54% 37%)
- OKLCH
- oklch(0.653 0.029 357.6)
- OKLab
- oklab(0.653 0.029 -0.001)
- CIE Lab
- lab(59.38 9.88 -0.36)
- LCH
- lch(59.38 9.89 357.9)
- CMYK
- cmyk(0% 14% 10% 37%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A9949B
- B3A0A5
- BCABB0
- C5B7BB
- CFC2C6
- D8CED1
- E2DADC
- ECE6E8
- F5F3F3
Koyu tonlar
- 8B767D
- 76646A
- 615357
- 4E4245
- 3B3134
- 292224
- 191415
- 090707
- 010101
Gri tonlar
- 9D888E
- 9A878D
- 96868B
- 93858A
- 908588
- 8D8486
- 8A8385
- 868283
- 838182
Renk uyumları
Tamamlayıcı +180°
- A08990
Majolica Mauve
- 7E9690
≈ Green Granite
Analog -30° +30°
- A08990
Majolica Mauve
- 9A8A99
≈ Greige Violet
- A18A86
≈ Storm Red
Üçlü +120° +240°
- A08990
Majolica Mauve
- 8E937F
≈ Explorer Green
- 8093A0
≈ Coastal Vista
Bölünmüş tamamlayıcı +150° +210°
- A08990
Majolica Mauve
- 859586
≈ Pointed Cabbage Green
- 7C9699
≈ North Cape Grey
Dörtlü +90° +180° +270°
- A08990
Majolica Mauve
- 988F7C
≈ Bunglehouse Beige
- 7E9690
≈ Green Granite
- 8890A3
≈ Dusty Heather
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.24:1 · APCA Lc 60
Ag
AASiyah üzerinde
WCAG 6.47:1 · APCA Lc 42
En iyi metin rengi: #000000
WCAG 6.47:1 (AA) · APCA Lc 42
Contrast pairs
Kod parçacıkları
CSS
:root {
--majolica-mauve: #a08990;
--majolica-mauve-rgb: 160 137 144;
--majolica-mauve-oklch: oklch(0.653 0.029 357.6);
}
.element {
color: var(--majolica-mauve);
background-color: hsl(342 11% 58%);
border-color: oklch(0.653 0.029 357.6);
}Tailwind CSS v4
@theme {
--color-majolica-mauve: #a08990;
--color-majolica-mauve-50: #fdf2f5;
--color-majolica-mauve-100: #f1e4e7;
--color-majolica-mauve-200: #e0cfd4;
--color-majolica-mauve-300: #c5b1b7;
--color-majolica-mauve-400: #ae989e;
--color-majolica-mauve-500: #977e86;
--color-majolica-mauve-600: #806b71;
--color-majolica-mauve-700: #66565b;
--color-majolica-mauve-800: #4b3e43;
--color-majolica-mauve-900: #342b2e;
--color-majolica-mauve-950: #20181b;
}SCSS
$majolica-mauve: #a08990;
$majolica-mauve-rgb: 160, 137, 144;
$majolica-mauve-light: mix(#fff, $majolica-mauve, 20%);
$majolica-mauve-dark: mix(#000, $majolica-mauve, 20%);
.element {
color: $majolica-mauve;
box-shadow: 0 0 0 2px rgba($majolica-mauve, 0.35);
}