Nächste benannte Farbe · #3D617F
#3D617F
Nächste benannte Farbe: Stellar
#3D617F (rgb(61 97 127), hsl(207 35% 37%), oklch(0.478 0.064 244.8)) liegt am nächsten an der benannten Farbe Stellar. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#3D617F
oklch(0.478 0.064 244.8)
Farbumrechnungen
- HEX
- #3d617f
- RGB
- rgb(61 97 127)
- HSL
- hsl(207 35% 37%)
- HWB
- hwb(207 24% 50%)
- OKLCH
- oklch(0.478 0.064 244.8)
- OKLab
- oklab(0.478 -0.027 -0.058)
- CIE Lab
- lab(39.4 -6.46 -21.15)
- LCH
- lch(39.4 22.12 253)
- CMYK
- cmyk(52% 24% 0% 50%)
Tints · Shades · Tones
Tints
- 4F708B
- 627F98
- 748EA4
- 879EB1
- 9AADBE
- AEBDCB
- C2CDD8
- D6DEE5
- EAEEF2
Shades
- 34536E
- 2B465D
- 22394C
- 1A2D3C
- 12212D
- 0A151F
- 040B11
- 010306
- 000001
Tones
- 44647F
- 4B6780
- 526B80
- 596E80
- 5F7180
- 667480
- 6C7780
- 737A80
- 797D80
Farbharmonien
Komplementär +180°
- 3D617F
Stellar
- 765535
≈ Pheasant Brown
Analog -30° +30°
- 3D617F
Stellar
- 2C6674
≈ Loon Turquoise
- 525A81
≈ Mauve Dusk
Triadisch +120° +240°
- 3D617F
Stellar
- 7C4E58
≈ Baroque Red
- 55643B
≈ Daisy Leaf
Geteilt komplementär +150° +210°
- 3D617F
Stellar
- 7D5045
≈ Red Rooster
- 685D31
≈ Saguaro
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.53:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.21:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.53:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--stellar: #3d617f;
--stellar-rgb: 61 97 127;
--stellar-oklch: oklch(0.478 0.064 244.8);
}
.element {
color: var(--stellar);
background-color: hsl(207 35% 37%);
border-color: oklch(0.478 0.064 244.8);
}Tailwind CSS v4
@theme {
--color-stellar: #3d617f;
--color-stellar-50: #e7f7ff;
--color-stellar-100: #d7ebfd;
--color-stellar-200: #bfd8ef;
--color-stellar-300: #9ebbd7;
--color-stellar-400: #7fa3c2;
--color-stellar-500: #628bae;
--color-stellar-600: #537693;
--color-stellar-700: #425e76;
--color-stellar-800: #2f4557;
--color-stellar-900: #1f303d;
--color-stellar-950: #0f1c26;
}SCSS
$stellar: #3d617f;
$stellar-rgb: 61, 97, 127;
$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);
}