Colore con nome · #6C6C5F
River God
River God è #6C6C5F: rgb(108 108 95), hsl(60 6% 40%), oklch(0.527 0.02 107.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · River God color name →
#6C6C5F
oklch(0.527 0.02 107.1)
Conversioni di colore
- HEX
- #6c6c5f
- RGB
- rgb(108 108 95)
- HSL
- hsl(60 6% 40%)
- HWB
- hwb(60 37% 58%)
- OKLCH
- oklch(0.527 0.02 107.1)
- OKLab
- oklab(0.527 -0.006 0.019)
- CIE Lab
- lab(45.33 -1.87 7.31)
- LCH
- lch(45.33 7.55 104.4)
- CMYK
- cmyk(0% 0% 12% 58%)
Tinte · Ombre · Toni
Tinte
- 7A7A6E
- 87887D
- 96968C
- A4A49C
- B3B3AC
- C1C2BC
- D1D1CC
- E0E0DD
- EFEFEE
Ombre
- 5D5D52
- 4E4E44
- 404038
- 32322C
- 252520
- 191915
- 0D0D0A
- 040403
- 000000
Toni
- 6E6E62
- 707066
- 727269
- 74746C
- 76766F
- 787873
- 7A7A76
- 7C7C79
- 7E7E7D
Armonie di colore
Complementare +180°
- 6C6C5F
River God
- 6A6A76
≈ Warpfiend Grey
Analogo -30° +30°
- 6C6C5F
River God
- 726A5F
≈ Pony Express
- 666E63
≈ Velvet Clover
Triadico +120° +240°
- 6C6C5F
River God
- 606E74
≈ Slate Tile
- 74676D
≈ Rhapsody Rap
Complementare divisa +150° +210°
- 6C6C5F
River God
- 646C77
≈ Noctis
- 706873
≈ Pirate’s Trinket
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.31:1 · APCA Lc 76
Ag
FailSu nero
WCAG 3.94:1 · APCA Lc 25
Miglior colore del testo: #FFFFFF
WCAG 5.31:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--river-god: #6c6c5f;
--river-god-rgb: 108 108 95;
--river-god-oklch: oklch(0.527 0.02 107.1);
}
.element {
color: var(--river-god);
background-color: hsl(60 6% 40%);
border-color: oklch(0.527 0.02 107.1);
}Tailwind CSS v4
@theme {
--color-river-god: #6c6c5f;
--color-river-god-50: #f5f6ef;
--color-river-god-100: #e8e8e1;
--color-river-god-200: #d5d5cc;
--color-river-god-300: #b8b8ad;
--color-river-god-400: #9f9f92;
--color-river-god-500: #878778;
--color-river-god-600: #727266;
--color-river-god-700: #5c5c51;
--color-river-god-800: #43433b;
--color-river-god-900: #2e2e29;
--color-river-god-950: #1b1b16;
}SCSS
$river-god: #6c6c5f;
$river-god-rgb: 108, 108, 95;
$river-god-light: mix(#fff, $river-god, 20%);
$river-god-dark: mix(#000, $river-god, 20%);
.element {
color: $river-god;
box-shadow: 0 0 0 2px rgba($river-god, 0.35);
}