Benannte Farbe · #464E5A
Secret Society
Secret Society ist #464E5A: rgb(70 78 90), hsl(216 13% 31%), oklch(0.421 0.023 258.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Secret Society color name →
#464E5A
oklch(0.421 0.023 258.4)
Farbumrechnungen
- HEX
- #464e5a
- RGB
- rgb(70 78 90)
- HSL
- hsl(216 13% 31%)
- HWB
- hwb(216 27% 65%)
- OKLCH
- oklch(0.421 0.023 258.4)
- OKLab
- oklab(0.421 -0.005 -0.022)
- CIE Lab
- lab(32.8 -1.08 -8.23)
- LCH
- lch(32.8 8.3 262.5)
- CMYK
- cmyk(22% 13% 0% 65%)
Tints · Shades · Tones
Tints
- 565E69
- 686E79
- 797F88
- 8B9098
- 9DA2A9
- B0B4BA
- C3C6CB
- D7D9DC
- EBECED
Shades
- 3C434D
- 323841
- 282D35
- 1E2329
- 15191E
- 0D0F13
- 050709
- 020203
- 000000
Tones
- 4C535E
- 515862
- 575D65
- 5D6269
- 62676D
- 686C71
- 6E7174
- 747678
- 7A7B7C
Farbharmonien
Komplementär +180°
- 464E5A
Secret Society
- 544C40
≈ Enduring Bronze
Analog -30° +30°
- 464E5A
Secret Society
- 415057
≈ High Salute
- 4D4C59
≈ Tyrian
Triadisch +120° +240°
- 464E5A
Secret Society
- 594949
≈ Carob Chip
- 475145
≈ Charcoal Smoke
Geteilt komplementär +150° +210°
- 464E5A
Secret Society
- 584A43
≈ Bison Brown
- 4E4F40
≈ Ruskin Bronze
Tetradisch +90° +180° +270°
- 464E5A
Secret Society
- 57494F
≈ Kona
- 544C40
≈ Enduring Bronze
- 42524B
≈ Gedney Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.40:1 · APCA Lc 89
Ag
FailAuf Schwarz
WCAG 2.49:1 · APCA Lc 13
Beste Textfarbe: #FFFFFF
WCAG 8.40:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--secret-society: #464e5a;
--secret-society-rgb: 70 78 90;
--secret-society-oklch: oklch(0.421 0.023 258.4);
}
.element {
color: var(--secret-society);
background-color: hsl(216 13% 31%);
border-color: oklch(0.421 0.023 258.4);
}Tailwind CSS v4
@theme {
--color-secret-society: #464e5a;
--color-secret-society-50: #f1f5fc;
--color-secret-society-100: #e4e8f0;
--color-secret-society-200: #cfd5de;
--color-secret-society-300: #b1b8c3;
--color-secret-society-400: #969fac;
--color-secret-society-500: #7d8795;
--color-secret-society-600: #6a727e;
--color-secret-society-700: #555b65;
--color-secret-society-800: #3d434a;
--color-secret-society-900: #2a2e34;
--color-secret-society-950: #181b1f;
}SCSS
$secret-society: #464e5a;
$secret-society-rgb: 70, 78, 90;
$secret-society-light: mix(#fff, $secret-society, 20%);
$secret-society-dark: mix(#000, $secret-society, 20%);
.element {
color: $secret-society;
box-shadow: 0 0 0 2px rgba($secret-society, 0.35);
}