Benannte Farbe · #586A7D
Scholarship
Scholarship ist #586A7D: rgb(88 106 125), hsl(211 17% 42%), oklch(0.517 0.037 249.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Scholarship color name →
#586A7D
oklch(0.517 0.037 249.9)
Farbumrechnungen
- HEX
- #586a7d
- RGB
- rgb(88 106 125)
- HSL
- hsl(211 17% 42%)
- HWB
- hwb(211 35% 51%)
- OKLCH
- oklch(0.517 0.037 249.9)
- OKLab
- oklab(0.517 -0.013 -0.035)
- CIE Lab
- lab(43.87 -3.39 -12.97)
- LCH
- lch(43.87 13.41 255.4)
- CMYK
- cmyk(30% 15% 0% 51%)
Tints · Shades · Tones
Tints
- 677889
- 778696
- 8794A2
- 97A3AF
- A8B2BC
- B9C1C9
- CAD0D7
- DBE0E4
- EDEFF1
Shades
- 4B5B6C
- 3F4D5B
- 333F4B
- 28313B
- 1D242C
- 12181E
- 090D11
- 030405
- 000001
Tones
- 5C6C7D
- 606E7E
- 64717E
- 68737E
- 6C757F
- 70777F
- 74797F
- 787C80
- 7C7E80
Farbharmonien
Komplementär +180°
- 586A7D
Scholarship
- 766551
≈ Ground Pepper
Analog -30° +30°
- 586A7D
Scholarship
- 506D77
≈ Blue Sentinel
- 63667E
≈ Purple Daze
Triadisch +120° +240°
- 586A7D
Scholarship
- 7C5F63
≈ Pretty Puce
- 616D56
≈ Royal Orchard
Geteilt komplementär +150° +210°
- 586A7D
Scholarship
- 7B6158
≈ Secret Journal
- 6D6950
≈ Spruce Woods
Tetradisch +90° +180° +270°
- 586A7D
Scholarship
- 77606F
≈ Black Plum
- 766551
≈ Ground Pepper
- 566F61
≈ High Tea Green
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.56:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.77:1 · APCA Lc 24
Beste Textfarbe: #FFFFFF
WCAG 5.56:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--scholarship: #586a7d;
--scholarship-rgb: 88 106 125;
--scholarship-oklch: oklch(0.517 0.037 249.9);
}
.element {
color: var(--scholarship);
background-color: hsl(211 17% 42%);
border-color: oklch(0.517 0.037 249.9);
}Tailwind CSS v4
@theme {
--color-scholarship: #586a7d;
--color-scholarship-50: #eef6ff;
--color-scholarship-100: #dfe9f4;
--color-scholarship-200: #c9d6e4;
--color-scholarship-300: #aab9ca;
--color-scholarship-400: #8ea1b4;
--color-scholarship-500: #74899e;
--color-scholarship-600: #627486;
--color-scholarship-700: #4e5c6b;
--color-scholarship-800: #38444f;
--color-scholarship-900: #272f37;
--color-scholarship-950: #151b22;
}SCSS
$scholarship: #586a7d;
$scholarship-rgb: 88, 106, 125;
$scholarship-light: mix(#fff, $scholarship, 20%);
$scholarship-dark: mix(#000, $scholarship, 20%);
.element {
color: $scholarship;
box-shadow: 0 0 0 2px rgba($scholarship, 0.35);
}