Benannte Farbe · #604F5A
Wishing Star
Wishing Star ist #604F5A: rgb(96 79 90), hsl(321 10% 34%), oklch(0.449 0.028 339.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Wishing Star color name →
#604F5A
oklch(0.449 0.028 339.4)
Farbumrechnungen
- HEX
- #604f5a
- RGB
- rgb(96 79 90)
- HSL
- hsl(321 10% 34%)
- HWB
- hwb(321 31% 62%)
- OKLCH
- oklch(0.449 0.028 339.4)
- OKLab
- oklab(0.449 0.026 -0.01)
- CIE Lab
- lab(35.65 8.9 -3.67)
- LCH
- lch(35.65 9.63 337.6)
- CMYK
- cmyk(0% 18% 6% 62%)
Tints · Shades · Tones
Tints
- 6F5F69
- 7E6F78
- 8D8088
- 9D9198
- ACA3A9
- BCB4B9
- CDC7CA
- DDD9DC
- EEECED
Shades
- 52444D
- 453841
- 382E35
- 2C2329
- 20191E
- 151013
- 0A0709
- 030203
- 000000
Tones
- 63545E
- 665961
- 6A5D65
- 6D6269
- 70676D
- 736C71
- 767174
- 7A7678
- 7D7B7C
Farbharmonien
Komplementär +180°
- 604F5A
Wishing Star
- 485A4F
≈ Greener Pastures
Analog -30° +30°
- 604F5A
Wishing Star
- 5A5161
≈ Napa Grape
- 634F51
≈ Robeson Rose
Triadisch +120° +240°
- 604F5A
Wishing Star
- 585543
≈ Ivy Green
- 445960
≈ Volute
Geteilt komplementär +150° +210°
- 604F5A
Wishing Star
- 505848
≈ Castle Stone
- 435A58
≈ Mariana Trench
Tetradisch +90° +180° +270°
- 604F5A
Wishing Star
- 5F5244
≈ Volcanic Island
- 485A4F
≈ Greener Pastures
- 495664
≈ Seal Blue
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.59:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.76:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.59:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--wishing-star: #604f5a;
--wishing-star-rgb: 96 79 90;
--wishing-star-oklch: oklch(0.449 0.028 339.4);
}
.element {
color: var(--wishing-star);
background-color: hsl(321 10% 34%);
border-color: oklch(0.449 0.028 339.4);
}Tailwind CSS v4
@theme {
--color-wishing-star: #604f5a;
--color-wishing-star-50: #fbf2f7;
--color-wishing-star-100: #efe4eb;
--color-wishing-star-200: #ddd0d8;
--color-wishing-star-300: #c2b2bc;
--color-wishing-star-400: #aa98a4;
--color-wishing-star-500: #947f8c;
--color-wishing-star-600: #7d6c77;
--color-wishing-star-700: #64565f;
--color-wishing-star-800: #493f46;
--color-wishing-star-900: #332b30;
--color-wishing-star-950: #1e191d;
}SCSS
$wishing-star: #604f5a;
$wishing-star-rgb: 96, 79, 90;
$wishing-star-light: mix(#fff, $wishing-star, 20%);
$wishing-star-dark: mix(#000, $wishing-star, 20%);
.element {
color: $wishing-star;
box-shadow: 0 0 0 2px rgba($wishing-star, 0.35);
}