Adlandırılmış renk · #B48993
Rose Tea
Rose Tea, #B48993: rgb(180 137 147), hsl(346 22% 62%), oklch(0.674 0.054 3.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Rose Tea color name →
#B48993
oklch(0.674 0.054 3.2)
Renk dönüşümleri
- HEX
- #b48993
- RGB
- rgb(180 137 147)
- HSL
- hsl(346 22% 62%)
- HWB
- hwb(346 54% 29%)
- OKLCH
- oklch(0.674 0.054 3.2)
- OKLab
- oklab(0.674 0.054 0.003)
- CIE Lab
- lab(61.53 18.05 1.34)
- LCH
- lch(61.53 18.1 4.3)
- CMYK
- cmyk(0% 24% 18% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BC949D
- C3A0A8
- CBABB2
- D2B7BD
- DAC3C8
- E1CFD2
- E9DADD
- F0E7E9
- F8F3F4
Koyu tonlar
- 9C767F
- 85646C
- 6E5359
- 584247
- 443136
- 302225
- 1D1416
- 0C0708
- 020101
Gri tonlar
- AF8891
- AA878F
- A5878D
- 9F868B
- 9A8589
- 958488
- 908386
- 8B8284
- 858182
Renk uyumları
Tamamlayıcı +180°
- B48993
Rose Tea
- 71A29A
≈ Catalina
Analog -30° +30°
- B48993
Rose Tea
- AB8BA5
≈ Lavender Herb
- B58B81
≈ Warm Comfort
Üçlü +120° +240°
- B48993
Rose Tea
- 909C78
≈ Usuao Blue
- 7A9BB6
≈ Walden Pond
Bölünmüş tamamlayıcı +150° +210°
- B48993
Rose Tea
- 7DA187
≈ Aquadulce
- 6FA0AB
≈ Reef Waters
Dörtlü +90° +180° +270°
- B48993
Rose Tea
- A29671
≈ Sponge
- 71A29A
≈ Catalina
- 8B95B8
≈ Lively Lilac
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.02:1 · APCA Lc 57
Ag
AASiyah üzerinde
WCAG 6.94:1 · APCA Lc 45
En iyi metin rengi: #000000
WCAG 6.94:1 (AA) · APCA Lc 45
Contrast pairs
Kod parçacıkları
CSS
:root {
--rose-tea: #b48993;
--rose-tea-rgb: 180 137 147;
--rose-tea-oklch: oklch(0.674 0.054 3.2);
}
.element {
color: var(--rose-tea);
background-color: hsl(346 22% 62%);
border-color: oklch(0.674 0.054 3.2);
}Tailwind CSS v4
@theme {
--color-rose-tea: #b48993;
--color-rose-tea-50: #ffeff3;
--color-rose-tea-100: #f9e1e5;
--color-rose-tea-200: #eacbd1;
--color-rose-tea-300: #d1acb3;
--color-rose-tea-400: #bb929b;
--color-rose-tea-500: #a57782;
--color-rose-tea-600: #8c656e;
--color-rose-tea-700: #705158;
--color-rose-tea-800: #533b41;
--color-rose-tea-900: #3a282d;
--color-rose-tea-950: #24161a;
}SCSS
$rose-tea: #b48993;
$rose-tea-rgb: 180, 137, 147;
$rose-tea-light: mix(#fff, $rose-tea, 20%);
$rose-tea-dark: mix(#000, $rose-tea, 20%);
.element {
color: $rose-tea;
box-shadow: 0 0 0 2px rgba($rose-tea, 0.35);
}