Nächste benannte Farbe · #4B727B
#4B727B
Nächste benannte Farbe: Winter Storm
#4B727B (rgb(75 114 123), hsl(191 24% 39%), oklch(0.527 0.046 213.8)) liegt am nächsten an der benannten Farbe Winter Storm. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#4B727B
oklch(0.527 0.046 213.8)
Farbumrechnungen
- HEX
- #4b727b
- RGB
- rgb(75 114 123)
- HSL
- hsl(191 24% 39%)
- HWB
- hwb(191 29% 52%)
- OKLCH
- oklch(0.527 0.046 213.8)
- OKLab
- oklab(0.527 -0.038 -0.026)
- CIE Lab
- lab(45.4 -12.4 -9.6)
- LCH
- lch(45.4 15.68 217.8)
- CMYK
- cmyk(39% 7% 0% 52%)
Tints · Shades · Tones
Tints
- 5C7F87
- 6E8D94
- 7F9AA1
- 91A8AE
- A2B6BB
- B4C4C8
- C7D3D6
- D9E1E3
- ECF0F1
Shades
- 40626A
- 35535A
- 2B444A
- 21363A
- 17282C
- 0E1B1E
- 060E10
- 020405
- 000101
Tones
- 51737C
- 56757C
- 5C767D
- 61787D
- 67797E
- 6C7B7E
- 717C7F
- 767D7F
- 7B7F80
Farbharmonien
Komplementär +180°
- 4B727B
Winter Storm
- 836159
≈ Smoked Almond
Analog -30° +30°
- 4B727B
Winter Storm
- 4C746E
≈ Tandayapa Cloud Forest
- 546E84
≈ Blueberry Dream
Triadisch +120° +240°
- 4B727B
Winter Storm
- 7C6176
≈ Chicha Morada
- 736B4C
≈ Olive Grove
Geteilt komplementär +150° +210°
- 4B727B
Winter Storm
- 826068
≈ Celine
- 7E654F
≈ Otter
Tetradisch +90° +180° +270°
- 4B727B
Winter Storm
- 706581
≈ Victorian Iris
- 836159
≈ Smoked Almond
- 657052
≈ French Tarragon
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.26:1 · APCA Lc 76
Ag
FailAuf Schwarz
WCAG 3.99:1 · APCA Lc 26
Beste Textfarbe: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--winter-storm: #4b727b;
--winter-storm-rgb: 75 114 123;
--winter-storm-oklch: oklch(0.527 0.046 213.8);
}
.element {
color: var(--winter-storm);
background-color: hsl(191 24% 39%);
border-color: oklch(0.527 0.046 213.8);
}Tailwind CSS v4
@theme {
--color-winter-storm: #4b727b;
--color-winter-storm-50: #e7f9fe;
--color-winter-storm-100: #d8ecf2;
--color-winter-storm-200: #bfdae1;
--color-winter-storm-300: #9ebec6;
--color-winter-storm-400: #80a6af;
--color-winter-storm-500: #628e99;
--color-winter-storm-600: #547981;
--color-winter-storm-700: #436067;
--color-winter-storm-800: #30474c;
--color-winter-storm-900: #203134;
--color-winter-storm-950: #101d20;
}SCSS
$winter-storm: #4b727b;
$winter-storm-rgb: 75, 114, 123;
$winter-storm-light: mix(#fff, $winter-storm, 20%);
$winter-storm-dark: mix(#000, $winter-storm, 20%);
.element {
color: $winter-storm;
box-shadow: 0 0 0 2px rgba($winter-storm, 0.35);
}