Nächste benannte Farbe · #3C6989
#3C6989
Nächste benannte Farbe: Stellar
#3C6989 (rgb(60 105 137), hsl(205 39% 39%), oklch(0.502 0.071 241.1)) liegt am nächsten an der benannten Farbe Stellar. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#3C6989
oklch(0.502 0.071 241.1)
Farbumrechnungen
- HEX
- #3c6989
- RGB
- rgb(60 105 137)
- HSL
- hsl(205 39% 39%)
- HWB
- hwb(205 24% 46%)
- OKLCH
- oklch(0.502 0.071 241.1)
- OKLab
- oklab(0.502 -0.034 -0.063)
- CIE Lab
- lab(42.23 -8.57 -22.83)
- LCH
- lch(42.23 24.38 249.4)
- CMYK
- cmyk(56% 23% 0% 46%)
Tints · Shades · Tones
Tints
- 4F7795
- 6286A0
- 7594AC
- 88A3B8
- 9BB2C3
- AEC1CF
- C2D0DB
- D6E0E7
- EAEFF3
Shades
- 335A76
- 2A4C64
- 213E53
- 193142
- 112431
- 0A1822
- 040C14
- 010407
- 000001
Tones
- 446B88
- 4B6E88
- 527087
- 597386
- 607585
- 667784
- 6D7983
- 737C82
- 7A7E81
Farbharmonien
Komplementär +180°
- 3C6989
Stellar
- 825A38
≈ Football
Analog -30° +30°
- 3C6989
Stellar
- 286F7B
≈ King Tide
- 55628D
≈ Karmic Grape
Triadisch +120° +240°
- 3C6989
Stellar
- 865261
≈ Berry Smoothie
- 5E6A3A
≈ Globe Artichoke
Geteilt komplementär +150° +210°
- 3C6989
Stellar
- 88544B
≈ Boston Brick
- 736231
≈ Himalaya
Tetradisch +90° +180° +270°
- 3C6989
Stellar
- 7C5577
≈ Birthstone
- 825A38
≈ Football
- 44704F
≈ Fairway
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.87:1 · APCA Lc 79
Ag
FailAuf Schwarz
WCAG 3.57:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 5.87:1 (AA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--stellar: #3c6989;
--stellar-rgb: 60 105 137;
--stellar-oklch: oklch(0.502 0.071 241.1);
}
.element {
color: var(--stellar);
background-color: hsl(205 39% 39%);
border-color: oklch(0.502 0.071 241.1);
}Tailwind CSS v4
@theme {
--color-stellar: #3c6989;
--color-stellar-50: #e4f8ff;
--color-stellar-100: #d4ebfe;
--color-stellar-200: #bbd9f1;
--color-stellar-300: #98bcda;
--color-stellar-400: #78a4c5;
--color-stellar-500: #598cb1;
--color-stellar-600: #4c7796;
--color-stellar-700: #3d5f78;
--color-stellar-800: #2a4659;
--color-stellar-900: #1c303e;
--color-stellar-950: #0c1d27;
}SCSS
$stellar: #3c6989;
$stellar-rgb: 60, 105, 137;
$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);
}