En yakın adlandırılmış renk · #B0939A
#B0939A
En yakın adlandırılmış renk: Nirvana
#B0939A (rgb(176 147 154), hsl(346 16% 63%), oklch(0.692 0.036 1.9)) en çok Nirvana 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.
#B0939A
oklch(0.692 0.036 1.9)
Renk dönüşümleri
- HEX
- #b0939a
- RGB
- rgb(176 147 154)
- HSL
- hsl(346 16% 63%)
- HWB
- hwb(346 58% 31%)
- OKLCH
- oklch(0.692 0.036 1.9)
- OKLab
- oklab(0.692 0.036 0.001)
- CIE Lab
- lab(63.78 12.07 0.57)
- LCH
- lch(63.78 12.08 2.7)
- CMYK
- cmyk(0% 16% 13% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B89DA4
- C0A8AD
- C8B2B7
- CFBDC1
- D7C8CB
- DFD3D5
- E7DEE0
- EFE9EA
- F7F4F4
Koyu tonlar
- 997F85
- 826C71
- 6C595E
- 56474B
- 423639
- 2E2527
- 1C1617
- 0B0809
- 010101
Gri tonlar
- AB9197
- A68F95
- A28D92
- 9D8B8F
- 988A8D
- 93888A
- 8E8688
- 8A8485
- 858283
Renk uyumları
Tamamlayıcı +180°
- B0939A
Nirvana
- 84A49D
≈ Venus Teal
Analog -30° +30°
- B0939A
Nirvana
- AA94A6
≈ Grape Soda
- B1948E
≈ Thatch
Üçlü +120° +240°
- B0939A
Nirvana
- 98A087
≈ Triamble
- 899FB1
≈ Qiān Hūi Grey
Bölünmüş tamamlayıcı +150° +210°
- B0939A
Nirvana
- 8CA391
≈ Wintessa
- 83A2A9
≈ Tourmaline
Dörtlü +90° +180° +270°
- B0939A
Nirvana
- A49C83
≈ Herbal Wash
- 84A49D
≈ Venus Teal
- 949BB3
≈ Bay Fog
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 {
--nirvana: #b0939a;
--nirvana-rgb: 176 147 154;
--nirvana-oklch: oklch(0.692 0.036 1.9);
}
.element {
color: var(--nirvana);
background-color: hsl(346 16% 63%);
border-color: oklch(0.692 0.036 1.9);
}Tailwind CSS v4
@theme {
--color-nirvana: #b0939a;
--color-nirvana-50: #fff1f4;
--color-nirvana-100: #f3e3e6;
--color-nirvana-200: #e3ced2;
--color-nirvana-300: #c8b0b5;
--color-nirvana-400: #b2969d;
--color-nirvana-500: #9b7d84;
--color-nirvana-600: #836a70;
--color-nirvana-700: #695459;
--color-nirvana-800: #4d3d42;
--color-nirvana-900: #362a2d;
--color-nirvana-950: #21181a;
}SCSS
$nirvana: #b0939a;
$nirvana-rgb: 176, 147, 154;
$nirvana-light: mix(#fff, $nirvana, 20%);
$nirvana-dark: mix(#000, $nirvana, 20%);
.element {
color: $nirvana;
box-shadow: 0 0 0 2px rgba($nirvana, 0.35);
}