Colore con nome più vicino · #54726D
#54726D
Colore con nome più vicino: Rogue Waters
#54726D (rgb(84 114 109), hsl(170 15% 39%), oklch(0.527 0.036 183.6)) è più vicino al colore con nome Rogue Waters. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#54726D
oklch(0.527 0.036 183.6)
Conversioni di colore
- HEX
- #54726d
- RGB
- rgb(84 114 109)
- HSL
- hsl(170 15% 39%)
- HWB
- hwb(170 33% 55%)
- OKLCH
- oklch(0.527 0.036 183.6)
- OKLab
- oklab(0.527 -0.036 -0.002)
- CIE Lab
- lab(45.58 -12.16 -0.94)
- LCH
- lch(45.58 12.2 184.4)
- CMYK
- cmyk(26% 0% 4% 55%)
Tinte · Ombre · Toni
Tinte
- 647F7B
- 748D88
- 859A96
- 95A8A5
- A6B6B3
- B8C4C2
- C9D3D1
- DBE1E0
- EDF0EF
Ombre
- 48625E
- 3C534F
- 314441
- 263633
- 1B2826
- 111B19
- 080E0D
- 020404
- 000101
Toni
- 59736F
- 5D7571
- 627673
- 667875
- 6A7976
- 6F7A78
- 737C7A
- 777D7C
- 7C7F7E
Armonie di colore
Complementare +180°
- 54726D
Rogue Waters
- 7E6369
≈ Amazing Amethyst
Analogo -30° +30°
- 54726D
Rogue Waters
- 5C7162
≈ Army Canvas
- 537177
≈ Sophisticated Teal
Triadico +120° +240°
- 54726D
Rogue Waters
- 6F667C
≈ Victorian Iris
- 7A6756
≈ Roman Coffee
Complementare divisa +150° +210°
- 54726D
Rogue Waters
- 786474
≈ Purple Suede
- 7E645E
≈ Betalain Red
Tetradico +90° +180° +270°
- 54726D
Rogue Waters
- 646A80
≈ Nostalgic
- 7E6369
≈ Amazing Amethyst
- 726B54
≈ Hip Waders
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.24:1 · APCA Lc 76
Ag
FailSu nero
WCAG 4.00:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--rogue-waters: #54726d;
--rogue-waters-rgb: 84 114 109;
--rogue-waters-oklch: oklch(0.527 0.036 183.6);
}
.element {
color: var(--rogue-waters);
background-color: hsl(170 15% 39%);
border-color: oklch(0.527 0.036 183.6);
}Tailwind CSS v4
@theme {
--color-rogue-waters: #54726d;
--color-rogue-waters-50: #ebf9f6;
--color-rogue-waters-100: #dbece9;
--color-rogue-waters-200: #c4d9d6;
--color-rogue-waters-300: #a4beba;
--color-rogue-waters-400: #88a6a0;
--color-rogue-waters-500: #6c8e88;
--color-rogue-waters-600: #5c7873;
--color-rogue-waters-700: #49605c;
--color-rogue-waters-800: #354743;
--color-rogue-waters-900: #24312e;
--color-rogue-waters-950: #131d1b;
}SCSS
$rogue-waters: #54726d;
$rogue-waters-rgb: 84, 114, 109;
$rogue-waters-light: mix(#fff, $rogue-waters, 20%);
$rogue-waters-dark: mix(#000, $rogue-waters, 20%);
.element {
color: $rogue-waters;
box-shadow: 0 0 0 2px rgba($rogue-waters, 0.35);
}