Nächste benannte Farbe · #005D84
#005D84
Nächste benannte Farbe: Whale’s Tale
#005D84 (rgb(0 93 132), hsl(198 100% 26%), oklch(0.452 0.097 235.8)) liegt am nächsten an der benannten Farbe Whale’s Tale. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#005D84
oklch(0.452 0.097 235.8)
Farbumrechnungen
- HEX
- #005d84
- RGB
- rgb(0 93 132)
- HSL
- hsl(198 100% 26%)
- HWB
- hwb(198 0% 48%)
- OKLCH
- oklch(0.452 0.097 235.8)
- OKLab
- oklab(0.452 -0.055 -0.08)
- CIE Lab
- lab(36.45 -12.5 -28.93)
- LCH
- lch(36.45 31.51 246.6)
- CMYK
- cmyk(100% 30% 0% 48%)
Tints · Shades · Tones
Tints
- 2A6C90
- 447C9C
- 5C8CA9
- 739CB5
- 8AACC1
- A1BCCD
- B8CDDA
- CFDDE6
- E7EEF3
Shades
- 005072
- 004360
- 00374F
- 002A3F
- 001F2F
- 001420
- 000A12
- 000306
- 000001
Tones
- 1C6184
- 2C6584
- 396884
- 446C83
- 4F6F83
- 597383
- 637682
- 6D7A82
- 777D81
Farbharmonien
Komplementär +180°
- 005D84
Whale’s Tale
- 7E4517
≈ Russet
Analog -30° +30°
- 005D84
Whale’s Tale
- 00626B
≈ Turkish Aqua
- 3C538C
≈ Demon Blue
Triadisch +120° +240°
- 005D84
Whale’s Tale
- 7F3D58
≈ Ancient Royal Banner
- 545C0D
≈ Greensboro
Geteilt komplementär +150° +210°
- 005D84
Whale’s Tale
- 833E39
≈ Kilauea Lava
- 6D5100
≈ Ayahuasca Vine
Tetradisch +90° +180° +270°
- 005D84
Whale’s Tale
- 714173
≈ Wood Violet
- 7E4517
≈ Russet
- 2D6433
≈ Gameboy Shade
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.24:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.89:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.24:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--whale-s-tale: #005d84;
--whale-s-tale-rgb: 0 93 132;
--whale-s-tale-oklch: oklch(0.452 0.097 235.8);
}
.element {
color: var(--whale-s-tale);
background-color: hsl(198 100% 26%);
border-color: oklch(0.452 0.097 235.8);
}Tailwind CSS v4
@theme {
--color-whale-s-tale: #005d84;
--color-whale-s-tale-50: #dcfaff;
--color-whale-s-tale-100: #cbedff;
--color-whale-s-tale-200: #aedbf9;
--color-whale-s-tale-300: #88bfe3;
--color-whale-s-tale-400: #62a7d0;
--color-whale-s-tale-500: #3a90bd;
--color-whale-s-tale-600: #3379a0;
--color-whale-s-tale-700: #286180;
--color-whale-s-tale-800: #1a485f;
--color-whale-s-tale-900: #113242;
--color-whale-s-tale-950: #031d2b;
}SCSS
$whale-s-tale: #005d84;
$whale-s-tale-rgb: 0, 93, 132;
$whale-s-tale-light: mix(#fff, $whale-s-tale, 20%);
$whale-s-tale-dark: mix(#000, $whale-s-tale, 20%);
.element {
color: $whale-s-tale;
box-shadow: 0 0 0 2px rgba($whale-s-tale, 0.35);
}