Color con nombre · #B7B7B4
Rand Moon
Rand Moon es #B7B7B4: rgb(183 183 180), hsl(60 2% 71%), oklch(0.779 0.004 106.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Rand Moon color name →
#B7B7B4
oklch(0.779 0.004 106.5)
Conversiones de color
- HEX
- #b7b7b4
- RGB
- rgb(183 183 180)
- HSL
- hsl(60 2% 71%)
- HWB
- hwb(60 71% 28%)
- OKLCH
- oklch(0.779 0.004 106.5)
- OKLab
- oklab(0.779 -0.001 0.004)
- CIE Lab
- lab(74.35 -0.41 1.53)
- LCH
- lch(74.35 1.58 105.1)
- CMYK
- cmyk(0% 0% 2% 28%)
Tintes · Sombras · Tonos
Tintes
- BEBEBB
- C5C5C3
- CCCCCA
- D3D3D1
- DADAD9
- E2E2E0
- E9E9E8
- F0F0F0
- F8F8F7
Sombras
- 9F9F9C
- 878785
- 70706E
- 5A5A58
- 454544
- 313130
- 1E1E1D
- 0C0C0C
- 020202
Tonos
- B1B1AF
- ACACA9
- A6A6A4
- A1A19F
- 9B9B9A
- 969694
- 90908F
- 8B8B8A
- 858585
Armonías de color
Complementario +180°
- B7B7B4
Rand Moon
- B6B6B9
≈ Silver Bullet
Análogo -30° +30°
- B7B7B4
Rand Moon
- B8B6B4
≈ Rand Moon
- B6B7B5
≈ Rand Moon
Triádico +120° +240°
- B7B7B4
Rand Moon
- B4B7B9
≈ Wolfram
- B9B6B7
≈ Geneva Morn
Complementario dividido +150° +210°
- B7B7B4
Rand Moon
- B5B7BA
≈ Powder Dust
- B8B6B9
≈ Silver Bullet
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.01:1 · APCA Lc 39
Ag
AAASobre negro
WCAG 10.44:1 · APCA Lc 63
Mejor color de texto: #000000
WCAG 10.44:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmentos de código
CSS
:root {
--rand-moon: #b7b7b4;
--rand-moon-rgb: 183 183 180;
--rand-moon-oklch: oklch(0.779 0.004 106.5);
}
.element {
color: var(--rand-moon);
background-color: hsl(60 2% 71%);
border-color: oklch(0.779 0.004 106.5);
}Tailwind CSS v4
@theme {
--color-rand-moon: #b7b7b4;
--color-rand-moon-50: #f5f5f4;
--color-rand-moon-100: #e8e8e6;
--color-rand-moon-200: #d4d4d2;
--color-rand-moon-300: #b7b7b5;
--color-rand-moon-400: #9e9e9c;
--color-rand-moon-500: #868683;
--color-rand-moon-600: #72726f;
--color-rand-moon-700: #5b5b59;
--color-rand-moon-800: #424241;
--color-rand-moon-900: #2e2e2d;
--color-rand-moon-950: #1b1b1a;
}SCSS
$rand-moon: #b7b7b4;
$rand-moon-rgb: 183, 183, 180;
$rand-moon-light: mix(#fff, $rand-moon, 20%);
$rand-moon-dark: mix(#000, $rand-moon, 20%);
.element {
color: $rand-moon;
box-shadow: 0 0 0 2px rgba($rand-moon, 0.35);
}