En yakın adlandırılmış renk · #B99192
#B99192
En yakın adlandırılmış renk: Rosy Brown
#B99192 (rgb(185 145 146), hsl(359 22% 65%), oklch(0.694 0.048 16.7)) 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.
#B99192
oklch(0.694 0.048 16.7)
Renk dönüşümleri
- HEX
- #b99192
- RGB
- rgb(185 145 146)
- HSL
- hsl(359 22% 65%)
- HWB
- hwb(359 57% 27%)
- OKLCH
- oklch(0.694 0.048 16.7)
- OKLab
- oklab(0.694 0.046 0.014)
- CIE Lab
- lab(64.03 15.66 5.55)
- LCH
- lch(64.03 16.62 19.5)
- CMYK
- cmyk(0% 22% 21% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C09C9C
- C7A6A7
- CEB1B2
- D5BCBC
- DCC7C7
- E3D2D2
- EADDDD
- F1E8E8
- F8F4F4
Koyu tonlar
- A07D7E
- 896A6B
- 715858
- 5B4646
- 463535
- 312525
- 1E1516
- 0D0708
- 020101
Gri tonlar
- B38F90
- AE8E8E
- A88C8D
- A28A8B
- 9D8989
- 978787
- 918585
- 8C8484
- 868282
Renk uyumları
Tamamlayıcı +180°
- B99192
Rosy Brown
- 79A6A7
≈ Cresting Waves
Analog -30° +30°
- B99192
Rosy Brown
- B491A3
≈ Ashberry
- B79483
≈ Brush
Üçlü +120° +240°
- B99192
Rosy Brown
- 8FA487
≈ Sonoma Sage
- 8A9EBB
≈ Astro Bound
Bölünmüş tamamlayıcı +150° +210°
- B99192
Rosy Brown
- 80A796
≈ Verdigreen
- 7DA3B4
≈ Lake Winnipeg
Dörtlü +90° +180° +270°
- B99192
Rosy Brown
- A09F7C
≈ French Pear
- 79A6A7
≈ Cresting Waves
- 9A99BA
≈ Thistle Down
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.78:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.52:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--rosy-brown: #b99192;
--rosy-brown-rgb: 185 145 146;
--rosy-brown-oklch: oklch(0.694 0.048 16.7);
}
.element {
color: var(--rosy-brown);
background-color: hsl(359 22% 65%);
border-color: oklch(0.694 0.048 16.7);
}Tailwind CSS v4
@theme {
--color-rosy-brown: #b99192;
--color-rosy-brown-50: #fff0f0;
--color-rosy-brown-100: #f8e2e1;
--color-rosy-brown-200: #e8cccc;
--color-rosy-brown-300: #cfaeae;
--color-rosy-brown-400: #b99394;
--color-rosy-brown-500: #a4797b;
--color-rosy-brown-600: #8b6768;
--color-rosy-brown-700: #6f5253;
--color-rosy-brown-800: #523c3d;
--color-rosy-brown-900: #39292a;
--color-rosy-brown-950: #231718;
}SCSS
$rosy-brown: #b99192;
$rosy-brown-rgb: 185, 145, 146;
$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);
}