Adlandırılmış renk · #B38081
Minuet Rose
Minuet Rose, #B38081: rgb(179 128 129), hsl(359 25% 60%), oklch(0.651 0.063 17.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Minuet Rose color name →
#B38081
oklch(0.651 0.063 17.6)
Renk dönüşümleri
- HEX
- #b38081
- RGB
- rgb(179 128 129)
- HSL
- hsl(359 25% 60%)
- HWB
- hwb(359 50% 30%)
- OKLCH
- oklch(0.651 0.063 17.6)
- OKLab
- oklab(0.651 0.06 0.019)
- CIE Lab
- lab(58.82 20.43 7.72)
- LCH
- lch(58.82 21.84 20.7)
- CMYK
- cmyk(0% 28% 28% 30%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BB8C8D
- C39899
- CBA5A5
- D2B1B2
- DABEBE
- E1CBCB
- E9D8D8
- F0E5E5
- F8F2F2
Koyu tonlar
- 9B6E6F
- 845D5E
- 6E4D4E
- 583D3E
- 432E2E
- 2F1F1F
- 1D1212
- 0C0606
- 010101
Gri tonlar
- AE8081
- A98081
- A48081
- 9F8081
- 9A8081
- 958080
- 908080
- 8B8080
- 858080
Renk uyumları
Tamamlayıcı +180°
- B38081
Minuet Rose
- 5E9C9D
≈ Jugendstil Turquoise
Analog -30° +30°
- B38081
Minuet Rose
- AD8096
≈ Capri Fashion Pink
- B0846E
≈ Light Mocha
Üçlü +120° +240°
- B38081
Minuet Rose
- 7D9973
≈ Horenso Green
- 7791B6
≈ Allure
Bölünmüş tamamlayıcı +150° +210°
- B38081
Minuet Rose
- 689C88
≈ Cyprus Green
- 6598AE
≈ Shirt Blue
Dörtlü +90° +180° +270°
- B38081
Minuet Rose
- 939365
≈ Green Cast
- 5E9C9D
≈ Jugendstil Turquoise
- 8D8AB5
≈ Silk Lilac
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.32:1 · APCA Lc 61
Ag
AASiyah üzerinde
WCAG 6.32:1 · APCA Lc 41
En iyi metin rengi: #000000
WCAG 6.32:1 (AA) · APCA Lc 41
Contrast pairs
Kod parçacıkları
CSS
:root {
--minuet-rose: #b38081;
--minuet-rose-rgb: 179 128 129;
--minuet-rose-oklch: oklch(0.651 0.063 17.6);
}
.element {
color: var(--minuet-rose);
background-color: hsl(359 25% 60%);
border-color: oklch(0.651 0.063 17.6);
}Tailwind CSS v4
@theme {
--color-minuet-rose: #b38081;
--color-minuet-rose-50: #ffeeee;
--color-minuet-rose-100: #fde0df;
--color-minuet-rose-200: #eecac9;
--color-minuet-rose-300: #d6abaa;
--color-minuet-rose-400: #c19090;
--color-minuet-rose-500: #ac7576;
--color-minuet-rose-600: #926364;
--color-minuet-rose-700: #754f50;
--color-minuet-rose-800: #56393b;
--color-minuet-rose-900: #3c2728;
--color-minuet-rose-950: #261516;
}SCSS
$minuet-rose: #b38081;
$minuet-rose-rgb: 179, 128, 129;
$minuet-rose-light: mix(#fff, $minuet-rose, 20%);
$minuet-rose-dark: mix(#000, $minuet-rose, 20%);
.element {
color: $minuet-rose;
box-shadow: 0 0 0 2px rgba($minuet-rose, 0.35);
}