Nächste benannte Farbe · #4C6D6B
#4C6D6B
Nächste benannte Farbe: Rogue Waters
#4C6D6B (rgb(76 109 107), hsl(176 18% 36%), oklch(0.509 0.038 191.3)) liegt am nächsten an der benannten Farbe Rogue Waters. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#4C6D6B
oklch(0.509 0.038 191.3)
Farbumrechnungen
- HEX
- #4c6d6b
- RGB
- rgb(76 109 107)
- HSL
- hsl(176 18% 36%)
- HWB
- hwb(176 30% 57%)
- OKLCH
- oklch(0.509 0.038 191.3)
- OKLab
- oklab(0.509 -0.037 -0.007)
- CIE Lab
- lab(43.45 -12.7 -2.92)
- LCH
- lch(43.45 13.04 192.9)
- CMYK
- cmyk(30% 0% 2% 57%)
Tints · Shades · Tones
Tints
- 5D7B79
- 6E8887
- 7F9795
- 91A5A3
- A2B3B2
- B4C2C1
- C7D1D0
- D9E0E0
- ECF0EF
Shades
- 415E5C
- 364F4E
- 2C413F
- 223332
- 182625
- 0F1918
- 060D0D
- 020404
- 000100
Tones
- 516F6D
- 57716F
- 5C7371
- 617573
- 677775
- 6C7878
- 717A7A
- 767C7C
- 7B7E7E
Farbharmonien
Komplementär +180°
- 4C6D6B
Rogue Waters
- 7A5D60
≈ Reading Tea Leaves
Analog -30° +30°
- 4C6D6B
Rogue Waters
- 536D5F
≈ Bridgewater
- 4D6B75
≈ Before the Storm
Triadisch +120° +240°
- 4C6D6B
Rogue Waters
- 6D6076
≈ Promised Amethyst
- 74624E
≈ South Kingston
Geteilt komplementär +150° +210°
- 4C6D6B
Rogue Waters
- 765D6C
≈ Banished Brown
- 795F55
≈ Secret Journal
Tetradisch +90° +180° +270°
- 4C6D6B
Rogue Waters
- 62647C
≈ Purple Daze
- 7A5D60
≈ Reading Tea Leaves
- 6A674D
≈ Hemlock
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.66:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.70:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 5.66:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--rogue-waters: #4c6d6b;
--rogue-waters-rgb: 76 109 107;
--rogue-waters-oklch: oklch(0.509 0.038 191.3);
}
.element {
color: var(--rogue-waters);
background-color: hsl(176 18% 36%);
border-color: oklch(0.509 0.038 191.3);
}Tailwind CSS v4
@theme {
--color-rogue-waters: #4c6d6b;
--color-rogue-waters-50: #e9f9f8;
--color-rogue-waters-100: #daeceb;
--color-rogue-waters-200: #c3dad9;
--color-rogue-waters-300: #a2bebd;
--color-rogue-waters-400: #85a6a4;
--color-rogue-waters-500: #698f8c;
--color-rogue-waters-600: #597977;
--color-rogue-waters-700: #47615f;
--color-rogue-waters-800: #334745;
--color-rogue-waters-900: #233130;
--color-rogue-waters-950: #121d1c;
}SCSS
$rogue-waters: #4c6d6b;
$rogue-waters-rgb: 76, 109, 107;
$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);
}