Nazwany kolor · #484C49
Rock Bottom
Rock Bottom to #484C49: rgb(72 76 73), hsl(135 3% 29%), oklch(0.412 0.007 153.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Rock Bottom color name →
#484C49
oklch(0.412 0.007 153.6)
Konwersje koloru
- HEX
- #484c49
- RGB
- rgb(72 76 73)
- HSL
- hsl(135 3% 29%)
- HWB
- hwb(135 28% 70%)
- OKLCH
- oklch(0.412 0.007 153.6)
- OKLab
- oklab(0.412 -0.006 0.003)
- CIE Lab
- lab(31.87 -2.19 1.2)
- LCH
- lch(31.87 2.49 151.3)
- CMYK
- cmyk(5% 0% 4% 70%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 585C59
- 696D6A
- 7B7E7B
- 8C8F8D
- 9FA19F
- B1B3B2
- C4C5C4
- D7D8D8
- EBECEB
Odcienie ciemniejsze
- 3D413E
- 333634
- 292C2A
- 1F2220
- 161817
- 0D0F0E
- 060606
- 020202
- 000000
Tony
- 4D514E
- 535654
- 585B59
- 5E605E
- 636564
- 696B69
- 6F706F
- 747575
- 7A7B7A
Harmonie kolorów
Komplementarna +180°
- 484C49
Rock Bottom
- 4D494C
≈ Bastion Grey
Analogowa -30° +30°
- 484C49
Rock Bottom
- 4A4C47
≈ Gravel
- 474C4B
≈ Astronomical
Triada +120° +240°
- 484C49
Rock Bottom
- 494B4F
≈ Night Club
- 4F4948
≈ Emperor
Komplementarna rozszczepiona +150° +210°
- 484C49
Rock Bottom
- 4C4A4E
≈ Dark Shadow
- 4E494A
≈ Emperor
Tetrada +90° +180° +270°
- 484C49
Rock Bottom
- 484B4E
≈ Night Club
- 4D494C
≈ Bastion Grey
- 4E4A47
≈ Oubliette
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.72:1 · APCA Lc 90
Ag
FailNa czerni
WCAG 2.40:1 · APCA Lc 12
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.72:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--rock-bottom: #484c49;
--rock-bottom-rgb: 72 76 73;
--rock-bottom-oklch: oklch(0.412 0.007 153.6);
}
.element {
color: var(--rock-bottom);
background-color: hsl(135 3% 29%);
border-color: oklch(0.412 0.007 153.6);
}Tailwind CSS v4
@theme {
--color-rock-bottom: #484c49;
--color-rock-bottom-50: #f3f6f4;
--color-rock-bottom-100: #e6e8e7;
--color-rock-bottom-200: #d2d5d3;
--color-rock-bottom-300: #b5b8b6;
--color-rock-bottom-400: #9ba09c;
--color-rock-bottom-500: #838884;
--color-rock-bottom-600: #6f7370;
--color-rock-bottom-700: #585c59;
--color-rock-bottom-800: #414341;
--color-rock-bottom-900: #2d2e2d;
--color-rock-bottom-950: #1a1b1a;
}SCSS
$rock-bottom: #484c49;
$rock-bottom-rgb: 72, 76, 73;
$rock-bottom-light: mix(#fff, $rock-bottom, 20%);
$rock-bottom-dark: mix(#000, $rock-bottom, 20%);
.element {
color: $rock-bottom;
box-shadow: 0 0 0 2px rgba($rock-bottom, 0.35);
}