Najbliższy nazwany kolor · #3D585A
#3D585A
Najbliższy nazwany kolor: Woodland Night
#3D585A (rgb(61 88 90), hsl(184 19% 30%), oklch(0.44 0.032 201.8)) jest najbliższy nazwanemu kolorowi Woodland Night. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#3D585A
oklch(0.44 0.032 201.8)
Konwersje koloru
- HEX
- #3d585a
- RGB
- rgb(61 88 90)
- HSL
- hsl(184 19% 30%)
- HWB
- hwb(184 24% 65%)
- OKLCH
- oklch(0.44 0.032 201.8)
- OKLab
- oklab(0.44 -0.03 -0.012)
- CIE Lab
- lab(35.31 -10.07 -4.6)
- LCH
- lch(35.31 11.07 204.6)
- CMYK
- cmyk(32% 2% 0% 65%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4F6769
- 617778
- 738788
- 869798
- 99A8A9
- ADB9B9
- C1CACA
- D5DBDC
- EAEDED
Odcienie ciemniejsze
- 344B4D
- 2B3F41
- 223335
- 1A2829
- 121D1E
- 0A1213
- 040909
- 010303
- 000000
Tony
- 445C5E
- 4A6061
- 516465
- 586869
- 5E6C6D
- 657071
- 6C7474
- 737878
- 797C7C
Harmonie kolorów
Komplementarna +180°
- 3D585A
Woodland Night
- 634C4A
≈ French Roast
Analogowa -30° +30°
- 3D585A
Woodland Night
- 405850
≈ Concealment
- 405661
≈ Alien
Triada +120° +240°
- 3D585A
Woodland Night
- 5B4D5D
≈ Purple Fury
- 5C513E
≈ Best Bronze
Komplementarna rozszczepiona +150° +210°
- 3D585A
Woodland Night
- 614B54
≈ Sweet Currant
- 614E42
≈ Ground Bean
Tetrada +90° +180° +270°
- 3D585A
Woodland Night
- 524F63
≈ Magic Spell
- 634C4A
≈ French Roast
- 535440
≈ Freshwater Marsh
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.65:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.74:1 · APCA Lc 16
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.65:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--woodland-night: #3d585a;
--woodland-night-rgb: 61 88 90;
--woodland-night-oklch: oklch(0.44 0.032 201.8);
}
.element {
color: var(--woodland-night);
background-color: hsl(184 19% 30%);
border-color: oklch(0.44 0.032 201.8);
}Tailwind CSS v4
@theme {
--color-woodland-night: #3d585a;
--color-woodland-night-50: #ebf8f9;
--color-woodland-night-100: #dcebed;
--color-woodland-night-200: #c5d9da;
--color-woodland-night-300: #a5bdbf;
--color-woodland-night-400: #89a5a6;
--color-woodland-night-500: #6d8d8f;
--color-woodland-night-600: #5d7779;
--color-woodland-night-700: #4a5f61;
--color-woodland-night-800: #354647;
--color-woodland-night-900: #243031;
--color-woodland-night-950: #131d1d;
}SCSS
$woodland-night: #3d585a;
$woodland-night-rgb: 61, 88, 90;
$woodland-night-light: mix(#fff, $woodland-night, 20%);
$woodland-night-dark: mix(#000, $woodland-night, 20%);
.element {
color: $woodland-night;
box-shadow: 0 0 0 2px rgba($woodland-night, 0.35);
}