Nächste benannte Farbe · #346C82
#346C82
Nächste benannte Farbe: Astral
#346C82 (rgb(52 108 130), hsl(197 43% 36%), oklch(0.503 0.068 226.3)) liegt am nächsten an der benannten Farbe Astral. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#346C82
oklch(0.503 0.068 226.3)
Farbumrechnungen
- HEX
- #346c82
- RGB
- rgb(52 108 130)
- HSL
- hsl(197 43% 36%)
- HWB
- hwb(197 20% 49%)
- OKLCH
- oklch(0.503 0.068 226.3)
- OKLab
- oklab(0.503 -0.047 -0.049)
- CIE Lab
- lab(42.56 -13.92 -18.17)
- LCH
- lch(42.56 22.89 232.6)
- CMYK
- cmyk(60% 17% 0% 49%)
Tints · Shades · Tones
Tints
- 497A8E
- 5D889A
- 7196A6
- 85A5B3
- 98B3BF
- ACC2CC
- C1D1D8
- D5E0E5
- EAF0F2
Shades
- 2C5D70
- 244E5F
- 1C404E
- 15323E
- 0E252F
- 071920
- 030D12
- 010406
- 000001
Tones
- 3D6E82
- 467082
- 4E7282
- 567482
- 5D7681
- 647881
- 6B7A81
- 727C81
- 797E80
Farbharmonien
Komplementär +180°
- 346C82
Astral
- 855842
≈ October Leaves
Analog -30° +30°
- 346C82
Astral
- 2B7071
≈ Nordmann Fir
- 4A658B
≈ Sea of Galilee
Triadisch +120° +240°
- 346C82
Astral
- 81546C
≈ Magnificence
- 696736
≈ Jungle Civilization
Geteilt komplementär +150° +210°
- 346C82
Astral
- 875456
≈ Conifer Cone
- 7A5F35
≈ Breen
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.81:1 · APCA Lc 79
Ag
FailAuf Schwarz
WCAG 3.61:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 5.81:1 (AA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--astral: #346c82;
--astral-rgb: 52 108 130;
--astral-oklch: oklch(0.503 0.068 226.3);
}
.element {
color: var(--astral);
background-color: hsl(197 43% 36%);
border-color: oklch(0.503 0.068 226.3);
}Tailwind CSS v4
@theme {
--color-astral: #346c82;
--color-astral-50: #e2faff;
--color-astral-100: #d1edfa;
--color-astral-200: #b7dbec;
--color-astral-300: #93bfd3;
--color-astral-400: #72a7be;
--color-astral-500: #5190a9;
--color-astral-600: #457a8f;
--color-astral-700: #376172;
--color-astral-800: #264854;
--color-astral-900: #1a323b;
--color-astral-950: #0a1d25;
}SCSS
$astral: #346c82;
$astral-rgb: 52, 108, 130;
$astral-light: mix(#fff, $astral, 20%);
$astral-dark: mix(#000, $astral, 20%);
.element {
color: $astral;
box-shadow: 0 0 0 2px rgba($astral, 0.35);
}