Nazwany kolor · #514E5C
Salvation
Salvation to #514E5C: rgb(81 78 92), hsl(253 8% 33%), oklch(0.432 0.023 295.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Salvation color name →
#514E5C
oklch(0.432 0.023 295.2)
Konwersje koloru
- HEX
- #514e5c
- RGB
- rgb(81 78 92)
- HSL
- hsl(253 8% 33%)
- HWB
- hwb(253 31% 64%)
- OKLCH
- oklch(0.432 0.023 295.2)
- OKLab
- oklab(0.432 0.01 -0.021)
- CIE Lab
- lab(33.86 3.64 -7.78)
- LCH
- lch(33.86 8.59 295.1)
- CMYK
- cmyk(12% 15% 0% 64%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 615E6B
- 716E7A
- 817F8A
- 92909A
- A4A2AA
- B5B4BA
- C7C6CB
- DAD9DC
- ECECEE
Odcienie ciemniejsze
- 45434F
- 3A3842
- 2F2D36
- 24232A
- 1A191F
- 100F14
- 07070A
- 020203
- 000000
Tony
- 565360
- 5A5863
- 5F5D67
- 63626A
- 68676E
- 6D6C71
- 717175
- 767679
- 7B7B7C
Harmonie kolorów
Komplementarna +180°
- 514E5C
Salvation
- 505244
≈ Forestwood
Analogowa -30° +30°
- 514E5C
Salvation
- 4A505D
≈ Senate
- 574C57
≈ Purple Empire
Triada +120° +240°
- 514E5C
Salvation
- 5B4D44
≈ Sarsaparilla
- 435550
≈ Deepest River
Komplementarna rozszczepiona +150° +210°
- 514E5C
Salvation
- 565042
≈ Jungle Cover
- 495449
≈ Rock Garden
Tetrada +90° +180° +270°
- 514E5C
Salvation
- 5D4C4A
≈ Piano Brown
- 505244
≈ Forestwood
- 425456
≈ Finnegan
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.09:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.59:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.09:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--salvation: #514e5c;
--salvation-rgb: 81 78 92;
--salvation-oklch: oklch(0.432 0.023 295.2);
}
.element {
color: var(--salvation);
background-color: hsl(253 8% 33%);
border-color: oklch(0.432 0.023 295.2);
}Tailwind CSS v4
@theme {
--color-salvation: #514e5c;
--color-salvation-50: #f6f4fb;
--color-salvation-100: #e8e6ef;
--color-salvation-200: #d5d2dd;
--color-salvation-300: #b8b5c2;
--color-salvation-400: #9f9cab;
--color-salvation-500: #878394;
--color-salvation-600: #726f7d;
--color-salvation-700: #5b5964;
--color-salvation-800: #42414a;
--color-salvation-900: #2e2d33;
--color-salvation-950: #1b1a1f;
}SCSS
$salvation: #514e5c;
$salvation-rgb: 81, 78, 92;
$salvation-light: mix(#fff, $salvation, 20%);
$salvation-dark: mix(#000, $salvation, 20%);
.element {
color: $salvation;
box-shadow: 0 0 0 2px rgba($salvation, 0.35);
}