Adlandırılmış renk · #796359
Bear Hug
Bear Hug, #796359: rgb(121 99 89), hsl(19 15% 41%), oklch(0.518 0.032 45.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Bear Hug color name →
#796359
oklch(0.518 0.032 45.8)
Renk dönüşümleri
- HEX
- #796359
- RGB
- rgb(121 99 89)
- HSL
- hsl(19 15% 41%)
- HWB
- hwb(19 35% 53%)
- OKLCH
- oklch(0.518 0.032 45.8)
- OKLab
- oklab(0.518 0.023 0.023)
- CIE Lab
- lab(43.95 7.92 9.2)
- LCH
- lch(43.95 12.14 49.3)
- CMYK
- cmyk(0% 18% 26% 53%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 867168
- 938078
- A08F88
- AD9E98
- BAAEA8
- C8BEB9
- D5CECA
- E3DEDC
- F1EEED
Koyu tonlar
- 68554C
- 584740
- 483A34
- 392E28
- 2B211D
- 1D1613
- 100B09
- 050303
- 010000
Gri tonlar
- 7A665D
- 7B6961
- 7B6C65
- 7C6F68
- 7D716C
- 7E7470
- 7E7774
- 7F7A78
- 7F7D7C
Renk uyumları
Tamamlayıcı +180°
- 796359
Bear Hug
- 556D77
≈ Blue Sentinel
Analog -30° +30°
- 796359
Bear Hug
- 7A6162
≈ Pretty Puce
- 746654
≈ Ground Pepper
Üçlü +120° +240°
- 796359
Bear Hug
- 576F64
≈ Palmerin
- 66667B
≈ Swollen Sky
Bölünmüş tamamlayıcı +150° +210°
- 796359
Bear Hug
- 536F6E
≈ Micropolis
- 5C6A7B
≈ Spinning Blue
Dörtlü +90° +180° +270°
- 796359
Bear Hug
- 606D5A
≈ Royal Orchard
- 556D77
≈ Blue Sentinel
- 706375
≈ Rum
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.61:1 · APCA Lc 78
Ag
FailSiyah üzerinde
WCAG 3.74:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.61:1 (AA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--bear-hug: #796359;
--bear-hug-rgb: 121 99 89;
--bear-hug-oklch: oklch(0.518 0.032 45.8);
}
.element {
color: var(--bear-hug);
background-color: hsl(19 15% 41%);
border-color: oklch(0.518 0.032 45.8);
}Tailwind CSS v4
@theme {
--color-bear-hug: #796359;
--color-bear-hug-50: #fef3ed;
--color-bear-hug-100: #f2e5df;
--color-bear-hug-200: #e1d0c9;
--color-bear-hug-300: #c6b3a9;
--color-bear-hug-400: #b0998f;
--color-bear-hug-500: #998074;
--color-bear-hug-600: #826c63;
--color-bear-hug-700: #68574f;
--color-bear-hug-800: #4c3f39;
--color-bear-hug-900: #352b27;
--color-bear-hug-950: #201915;
}SCSS
$bear-hug: #796359;
$bear-hug-rgb: 121, 99, 89;
$bear-hug-light: mix(#fff, $bear-hug, 20%);
$bear-hug-dark: mix(#000, $bear-hug, 20%);
.element {
color: $bear-hug;
box-shadow: 0 0 0 2px rgba($bear-hug, 0.35);
}