Adlandırılmış renk · #BBAAAA
Relaxed Rhino
Relaxed Rhino, #BBAAAA: rgb(187 170 170), hsl(0 11% 70%), oklch(0.752 0.02 17.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Relaxed Rhino color name →
#BBAAAA
oklch(0.752 0.02 17.6)
Renk dönüşümleri
- HEX
- #bbaaaa
- RGB
- rgb(187 170 170)
- HSL
- hsl(0 11% 70%)
- HWB
- hwb(0 67% 27%)
- OKLCH
- oklch(0.752 0.02 17.6)
- OKLab
- oklab(0.752 0.019 0.006)
- CIE Lab
- lab(71.08 6.34 2.35)
- LCH
- lch(71.08 6.76 20.3)
- CMYK
- cmyk(0% 9% 9% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C2B2B2
- C8BBBA
- CFC3C3
- D6CBCB
- DDD4D4
- E3DCDC
- EAE5E5
- F1EEEE
- F8F6F6
Koyu tonlar
- A29393
- 8A7D7D
- 736868
- 5C5353
- 463F3F
- 322D2D
- 1F1B1B
- 0D0B0B
- 020101
Gri tonlar
- B5A6A6
- AFA1A1
- A99D9D
- A39999
- 9D9595
- 979191
- 918C8C
- 8C8888
- 868484
Renk uyumları
Tamamlayıcı +180°
- BBAAAA
Relaxed Rhino
- A1B3B3
≈ Powder Mill
Analog -30° +30°
- BBAAAA
Relaxed Rhino
- B9AAB1
≈ Lavender Cloud
- BAABA4
≈ Barren
Üçlü +120° +240°
- BBAAAA
Relaxed Rhino
- A9B2A6
≈ Montezuma Hills
- A7AFBB
≈ Berry Chalk
Bölünmüş tamamlayıcı +150° +210°
- BBAAAA
Relaxed Rhino
- A3B3AC
≈ Gaelic Garden
- A2B2B9
≈ Porch Ceiling
Dörtlü +90° +180° +270°
- BBAAAA
Relaxed Rhino
- B0B0A2
≈ Light Sage
- A1B3B3
≈ Powder Mill
- AEADBB
≈ Polar Mist
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.22:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.44:1 · APCA Lc 58
En iyi metin rengi: #000000
WCAG 9.44:1 (AAA) · APCA Lc 58
Contrast pairs
Kod parçacıkları
CSS
:root {
--relaxed-rhino: #bbaaaa;
--relaxed-rhino-rgb: 187 170 170;
--relaxed-rhino-oklch: oklch(0.752 0.02 17.6);
}
.element {
color: var(--relaxed-rhino);
background-color: hsl(0 11% 70%);
border-color: oklch(0.752 0.02 17.6);
}Tailwind CSS v4
@theme {
--color-relaxed-rhino: #bbaaaa;
--color-relaxed-rhino-50: #fbf3f3;
--color-relaxed-rhino-100: #eee5e5;
--color-relaxed-rhino-200: #ddd1d1;
--color-relaxed-rhino-300: #c1b4b3;
--color-relaxed-rhino-400: #aa9a9a;
--color-relaxed-rhino-500: #938181;
--color-relaxed-rhino-600: #7c6d6d;
--color-relaxed-rhino-700: #635757;
--color-relaxed-rhino-800: #494040;
--color-relaxed-rhino-900: #332c2c;
--color-relaxed-rhino-950: #1e1919;
}SCSS
$relaxed-rhino: #bbaaaa;
$relaxed-rhino-rgb: 187, 170, 170;
$relaxed-rhino-light: mix(#fff, $relaxed-rhino, 20%);
$relaxed-rhino-dark: mix(#000, $relaxed-rhino, 20%);
.element {
color: $relaxed-rhino;
box-shadow: 0 0 0 2px rgba($relaxed-rhino, 0.35);
}