Nächste benannte Farbe · #3F617E
#3F617E
Nächste benannte Farbe: Stellar
#3F617E (rgb(63 97 126), hsl(208 33% 37%), oklch(0.479 0.061 245.3)) liegt am nächsten an der benannten Farbe Stellar. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#3F617E
oklch(0.479 0.061 245.3)
Farbumrechnungen
- HEX
- #3f617e
- RGB
- rgb(63 97 126)
- HSL
- hsl(208 33% 37%)
- HWB
- hwb(208 25% 51%)
- OKLCH
- oklch(0.479 0.061 245.3)
- OKLab
- oklab(0.479 -0.026 -0.056)
- CIE Lab
- lab(39.48 -6.15 -20.42)
- LCH
- lch(39.48 21.32 253.2)
- CMYK
- cmyk(50% 23% 0% 51%)
Tints · Shades · Tones
Tints
- 51708A
- 637F97
- 768EA4
- 889DB0
- 9BADBD
- AFBDCA
- C2CDD7
- D6DEE4
- EAEEF2
Shades
- 35536D
- 2C465C
- 23394C
- 1B2D3C
- 12212D
- 0A151F
- 040B11
- 010305
- 000001
Tones
- 46647E
- 4D677F
- 536B7F
- 5A6E7F
- 607180
- 677480
- 6D7780
- 737A80
- 7A7D80
Farbharmonien
Komplementär +180°
- 3F617E
Stellar
- 755637
≈ Cold Brew Coffee
Analog -30° +30°
- 3F617E
Stellar
- 2F6673
≈ Loon Turquoise
- 535B80
≈ Deep Lavender
Triadisch +120° +240°
- 3F617E
Stellar
- 7B4F58
≈ Baroque Red
- 55643D
≈ Daisy Leaf
Geteilt komplementär +150° +210°
- 3F617E
Stellar
- 7C5145
≈ Ancho Pepper
- 685D33
≈ Plum Green
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.51:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.22:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.51:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--stellar: #3f617e;
--stellar-rgb: 63 97 126;
--stellar-oklch: oklch(0.479 0.061 245.3);
}
.element {
color: var(--stellar);
background-color: hsl(208 33% 37%);
border-color: oklch(0.479 0.061 245.3);
}Tailwind CSS v4
@theme {
--color-stellar: #3f617e;
--color-stellar-50: #e8f7ff;
--color-stellar-100: #d8eafc;
--color-stellar-200: #c0d7ee;
--color-stellar-300: #9fbbd6;
--color-stellar-400: #80a3c1;
--color-stellar-500: #638bad;
--color-stellar-600: #557592;
--color-stellar-700: #435e75;
--color-stellar-800: #304556;
--color-stellar-900: #20303c;
--color-stellar-950: #101c26;
}SCSS
$stellar: #3f617e;
$stellar-rgb: 63, 97, 126;
$stellar-light: mix(#fff, $stellar, 20%);
$stellar-dark: mix(#000, $stellar, 20%);
.element {
color: $stellar;
box-shadow: 0 0 0 2px rgba($stellar, 0.35);
}