En yakın adlandırılmış renk · #BB908D
#BB908D
En yakın adlandırılmış renk: Rosy Brown
#BB908D (rgb(187 144 141), hsl(4 25% 64%), oklch(0.693 0.053 23.1)) en çok Rosy Brown 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.
#BB908D
oklch(0.693 0.053 23.1)
Renk dönüşümleri
- HEX
- #bb908d
- RGB
- rgb(187 144 141)
- HSL
- hsl(4 25% 64%)
- HWB
- hwb(4 55% 27%)
- OKLCH
- oklch(0.693 0.053 23.1)
- OKLab
- oklab(0.693 0.048 0.021)
- CIE Lab
- lab(63.89 16.42 8.2)
- LCH
- lch(63.89 18.35 26.5)
- CMYK
- cmyk(0% 23% 25% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C29B98
- C9A5A3
- D0B0AE
- D7BBB9
- DEC6C5
- E4D2D0
- EBDDDC
- F2E8E7
- F8F4F3
Koyu tonlar
- A27D7A
- 8A6A67
- 735755
- 5C4544
- 463433
- 322423
- 1F1514
- 0D0707
- 020101
Gri tonlar
- B58E8C
- AF8D8A
- A98B89
- A48A88
- 9E8887
- 988785
- 928584
- 8C8383
- 868281
Renk uyumları
Tamamlayıcı +180°
- BB908D
Rosy Brown
- 75A6AB
≈ Water Cooler
Analog -30° +30°
- BB908D
Rosy Brown
- B78F9F
≈ Lover’s Tryst
- B7947E
≈ Caramelised
Üçlü +120° +240°
- BB908D
Rosy Brown
- 8AA588
≈ Gallery Green
- 8B9DBE
≈ Lavender Lustre
Bölünmüş tamamlayıcı +150° +210°
- BB908D
Rosy Brown
- 7BA799
≈ Verdigreen
- 7CA2B8
≈ Ocean Surf
Dörtlü +90° +180° +270°
- BB908D
Rosy Brown
- 9CA07B
≈ French Parsley
- 75A6AB
≈ Water Cooler
- 9D97BB
≈ Grape Gatsby
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.80:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.48:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--rosy-brown: #bb908d;
--rosy-brown-rgb: 187 144 141;
--rosy-brown-oklch: oklch(0.693 0.053 23.1);
}
.element {
color: var(--rosy-brown);
background-color: hsl(4 25% 64%);
border-color: oklch(0.693 0.053 23.1);
}Tailwind CSS v4
@theme {
--color-rosy-brown: #bb908d;
--color-rosy-brown-50: #fff0ee;
--color-rosy-brown-100: #f9e2df;
--color-rosy-brown-200: #eaccc9;
--color-rosy-brown-300: #d1aeaa;
--color-rosy-brown-400: #bc9390;
--color-rosy-brown-500: #a67976;
--color-rosy-brown-600: #8d6664;
--color-rosy-brown-700: #715250;
--color-rosy-brown-800: #533b3a;
--color-rosy-brown-900: #3a2928;
--color-rosy-brown-950: #241616;
}SCSS
$rosy-brown: #bb908d;
$rosy-brown-rgb: 187, 144, 141;
$rosy-brown-light: mix(#fff, $rosy-brown, 20%);
$rosy-brown-dark: mix(#000, $rosy-brown, 20%);
.element {
color: $rosy-brown;
box-shadow: 0 0 0 2px rgba($rosy-brown, 0.35);
}