Benannte Farbe · #5D6B75
Big Daddy Blue
Big Daddy Blue ist #5D6B75: rgb(93 107 117), hsl(205 11% 41%), oklch(0.52 0.023 239). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Big Daddy Blue color name →
#5D6B75
oklch(0.52 0.023 239)
Farbumrechnungen
- HEX
- #5d6b75
- RGB
- rgb(93 107 117)
- HSL
- hsl(205 11% 41%)
- HWB
- hwb(205 36% 54%)
- OKLCH
- oklch(0.52 0.023 239)
- OKLab
- oklab(0.52 -0.012 -0.02)
- CIE Lab
- lab(44.31 -3.7 -7.48)
- LCH
- lch(44.31 8.35 243.7)
- CMYK
- cmyk(21% 9% 0% 54%)
Tints · Shades · Tones
Tints
- 6C7982
- 7B878F
- 8B959C
- 9AA3AA
- ABB2B8
- BBC1C6
- CCD0D4
- DDE0E2
- EEEFF0
Shades
- 505C65
- 434E55
- 373F46
- 2A3237
- 1F2529
- 14181C
- 0A0D0F
- 030405
- 000001
Tones
- 606D76
- 646F77
- 677178
- 6B7379
- 6E757B
- 72787C
- 757A7D
- 797C7E
- 7C7E7F
Farbharmonien
Komplementär +180°
- 5D6B75
Big Daddy Blue
- 73665C
≈ Mountain Ridge
Analog -30° +30°
- 5D6B75
Big Daddy Blue
- 5A6D70
≈ Unreal Teal
- 636977
≈ Alley Cat
Triadisch +120° +240°
- 5D6B75
Big Daddy Blue
- 756468
≈ Paradise Grape
- 676B5C
≈ Jungle Cloak
Geteilt komplementär +150° +210°
- 5D6B75
Big Daddy Blue
- 766461
≈ Paradise Grape
- 6E685A
≈ Sandwashed Driftwood
Tetradisch +90° +180° +270°
- 5D6B75
Big Daddy Blue
- 71646F
≈ Vintage Grape
- 73665C
≈ Mountain Ridge
- 606D62
≈ Windrock
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.48:1 · APCA Lc 77
Ag
FailAuf Schwarz
WCAG 3.82:1 · APCA Lc 24
Beste Textfarbe: #FFFFFF
WCAG 5.48:1 (AA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--big-daddy-blue: #5d6b75;
--big-daddy-blue-rgb: 93 107 117;
--big-daddy-blue-oklch: oklch(0.52 0.023 239);
}
.element {
color: var(--big-daddy-blue);
background-color: hsl(205 11% 41%);
border-color: oklch(0.52 0.023 239);
}Tailwind CSS v4
@theme {
--color-big-daddy-blue: #5d6b75;
--color-big-daddy-blue-50: #f0f6fb;
--color-big-daddy-blue-100: #e1e9ef;
--color-big-daddy-blue-200: #ccd6dd;
--color-big-daddy-blue-300: #adb9c2;
--color-big-daddy-blue-400: #92a1ab;
--color-big-daddy-blue-500: #798994;
--color-big-daddy-blue-600: #66747d;
--color-big-daddy-blue-700: #525d64;
--color-big-daddy-blue-800: #3b444a;
--color-big-daddy-blue-900: #292f33;
--color-big-daddy-blue-950: #161b1f;
}SCSS
$big-daddy-blue: #5d6b75;
$big-daddy-blue-rgb: 93, 107, 117;
$big-daddy-blue-light: mix(#fff, $big-daddy-blue, 20%);
$big-daddy-blue-dark: mix(#000, $big-daddy-blue, 20%);
.element {
color: $big-daddy-blue;
box-shadow: 0 0 0 2px rgba($big-daddy-blue, 0.35);
}