Benannte Farbe · #5F81A4
Revival
Revival ist #5F81A4: rgb(95 129 164), hsl(210 27% 51%), oklch(0.591 0.066 249.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Revival color name →
#5F81A4
oklch(0.591 0.066 249.7)
Farbumrechnungen
- HEX
- #5f81a4
- RGB
- rgb(95 129 164)
- HSL
- hsl(210 27% 51%)
- HWB
- hwb(210 37% 36%)
- OKLCH
- oklch(0.591 0.066 249.7)
- OKLab
- oklab(0.591 -0.023 -0.062)
- CIE Lab
- lab(52.44 -5.28 -22.83)
- LCH
- lch(52.44 23.43 257)
- CMYK
- cmyk(42% 21% 0% 36%)
Tints · Shades · Tones
Tints
- 6E8DAD
- 7E99B6
- 8DA6BF
- 9DB2C8
- ADBFD1
- BDCBDA
- CDD8E4
- DEE5ED
- EEF2F6
Shades
- 526F8E
- 445E79
- 384E64
- 2C3E50
- 202E3D
- 151F2B
- 0A121A
- 03060A
- 000101
Tones
- 6381A1
- 66819D
- 6A819A
- 6D8196
- 708192
- 74818F
- 77818B
- 7A8087
- 7D8084
Farbharmonien
Komplementär +180°
- 5F81A4
Revival
- 977752
≈ Guinea Pig
Analog -30° +30°
- 5F81A4
Revival
- 4D8799
≈ Hippie Blue
- 757AA5
≈ Lavender Violet
Triadisch +120° +240°
- 5F81A4
Revival
- A16D75
≈ Turkish Rose
- 71865C
≈ Equatorial Forest
Geteilt komplementär +150° +210°
- 5F81A4
Revival
- A07060
≈ Indian Reed
- 877F50
≈ Xena
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.06:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 5.16:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.16:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--revival: #5f81a4;
--revival-rgb: 95 129 164;
--revival-oklch: oklch(0.591 0.066 249.7);
}
.element {
color: var(--revival);
background-color: hsl(210 27% 51%);
border-color: oklch(0.591 0.066 249.7);
}Tailwind CSS v4
@theme {
--color-revival: #5f81a4;
--color-revival-50: #e8f7ff;
--color-revival-100: #d8eafe;
--color-revival-200: #c0d7f0;
--color-revival-300: #9fbad9;
--color-revival-400: #81a2c5;
--color-revival-500: #648ab1;
--color-revival-600: #557595;
--color-revival-700: #445d78;
--color-revival-800: #304558;
--color-revival-900: #202f3e;
--color-revival-950: #101c27;
}SCSS
$revival: #5f81a4;
$revival-rgb: 95, 129, 164;
$revival-light: mix(#fff, $revival, 20%);
$revival-dark: mix(#000, $revival, 20%);
.element {
color: $revival;
box-shadow: 0 0 0 2px rgba($revival, 0.35);
}