Nächste benannte Farbe · #40657F
#40657F
Nächste benannte Farbe: Stellar
#40657F (rgb(64 101 127), hsl(205 33% 37%), oklch(0.49 0.06 240.2)) liegt am nächsten an der benannten Farbe Stellar. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#40657F
oklch(0.49 0.06 240.2)
Farbumrechnungen
- HEX
- #40657f
- RGB
- rgb(64 101 127)
- HSL
- hsl(205 33% 37%)
- HWB
- hwb(205 25% 50%)
- OKLCH
- oklch(0.49 0.06 240.2)
- OKLab
- oklab(0.49 -0.03 -0.052)
- CIE Lab
- lab(40.83 -7.83 -18.96)
- LCH
- lch(40.83 20.51 247.6)
- CMYK
- cmyk(50% 20% 0% 50%)
Tints · Shades · Tones
Tints
- 52738B
- 648298
- 7791A4
- 89A0B1
- 9CAFBE
- AFBFCB
- C3CFD7
- D7DFE5
- EBEFF2
Shades
- 36576E
- 2D495D
- 243C4C
- 1B2F3C
- 13222D
- 0B171F
- 050C11
- 010306
- 000001
Tones
- 47687F
- 4E6B80
- 546D80
- 5B7080
- 617380
- 677580
- 6D7880
- 747B80
- 7A7D80
Farbharmonien
Komplementär +180°
- 40657F
Stellar
- 7A583D
≈ Emperador
Analog -30° +30°
- 40657F
Stellar
- 336A73
≈ Aquarium
- 535F83
≈ Bijou Blue
Triadisch +120° +240°
- 40657F
Stellar
- 7D525F
≈ Classic Berry
- 5C663F
≈ Scots Pine
Geteilt komplementär +150° +210°
- 40657F
Stellar
- 7F544C
≈ Root Beer
- 6D5F38
≈ Rationality
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.20:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.38:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.20:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--stellar: #40657f;
--stellar-rgb: 64 101 127;
--stellar-oklch: oklch(0.49 0.06 240.2);
}
.element {
color: var(--stellar);
background-color: hsl(205 33% 37%);
border-color: oklch(0.49 0.06 240.2);
}Tailwind CSS v4
@theme {
--color-stellar: #40657f;
--color-stellar-50: #e7f8ff;
--color-stellar-100: #d7ebfb;
--color-stellar-200: #bfd8ec;
--color-stellar-300: #9dbcd4;
--color-stellar-400: #7fa4bf;
--color-stellar-500: #618caa;
--color-stellar-600: #537690;
--color-stellar-700: #425f73;
--color-stellar-800: #2f4655;
--color-stellar-900: #1f303b;
--color-stellar-950: #0f1c25;
}SCSS
$stellar: #40657f;
$stellar-rgb: 64, 101, 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);
}