Benannte Farbe · #3C3F52
Knighthood
Knighthood ist #3C3F52: rgb(60 63 82), hsl(232 15% 28%), oklch(0.373 0.033 277.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Knighthood color name →
#3C3F52
oklch(0.373 0.033 277.7)
Farbumrechnungen
- HEX
- #3c3f52
- RGB
- rgb(60 63 82)
- HSL
- hsl(232 15% 28%)
- HWB
- hwb(232 24% 68%)
- OKLCH
- oklch(0.373 0.033 277.7)
- OKLab
- oklab(0.373 0.004 -0.033)
- CIE Lab
- lab(26.96 2.4 -11.97)
- LCH
- lch(26.96 12.21 281.4)
- CMYK
- cmyk(27% 23% 0% 68%)
Tints · Shades · Tones
Tints
- 4D5062
- 5F6272
- 717483
- 848693
- 9799A5
- ABADB6
- C0C1C8
- D4D5DA
- EAEAEC
Shades
- 333546
- 2A2C3B
- 21232F
- 191B25
- 11121A
- 0A0A11
- 040408
- 010102
- 000000
Tones
- 424557
- 494B5B
- 4F5260
- 565864
- 5D5F69
- 64656D
- 6B6C72
- 727277
- 79797B
Farbharmonien
Komplementär +180°
- 3C3F52
Knighthood
- 45412D
≈ Woodrush
Analog -30° +30°
- 3C3F52
Knighthood
- 334251
≈ Midnight Navy
- 453C4E
≈ Plum Island
Triadisch +120° +240°
- 3C3F52
Knighthood
- 503B34
≈ Royal Brown
- 32463A
≈ Bracken Fern
Geteilt komplementär +150° +210°
- 3C3F52
Knighthood
- 4C3D2E
≈ Simmered Seaweed
- 3B4431
≈ Mallardish
Tetradisch +90° +180° +270°
- 3C3F52
Knighthood
- 50393D
≈ Dark Puce
- 45412D
≈ Woodrush
- 2C4644
≈ Gable Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.37:1 · APCA Lc 94
Ag
FailAuf Schwarz
WCAG 2.02:1 · APCA Lc 8
Beste Textfarbe: #FFFFFF
WCAG 10.37:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--knighthood: #3c3f52;
--knighthood-rgb: 60 63 82;
--knighthood-oklch: oklch(0.373 0.033 277.7);
}
.element {
color: var(--knighthood);
background-color: hsl(232 15% 28%);
border-color: oklch(0.373 0.033 277.7);
}Tailwind CSS v4
@theme {
--color-knighthood: #3c3f52;
--color-knighthood-50: #f3f4ff;
--color-knighthood-100: #e5e7f3;
--color-knighthood-200: #d1d3e2;
--color-knighthood-300: #b3b6c8;
--color-knighthood-400: #999db2;
--color-knighthood-500: #80859c;
--color-knighthood-600: #6d7084;
--color-knighthood-700: #575a6a;
--color-knighthood-800: #3f424e;
--color-knighthood-900: #2b2d36;
--color-knighthood-950: #191a21;
}SCSS
$knighthood: #3c3f52;
$knighthood-rgb: 60, 63, 82;
$knighthood-light: mix(#fff, $knighthood, 20%);
$knighthood-dark: mix(#000, $knighthood, 20%);
.element {
color: $knighthood;
box-shadow: 0 0 0 2px rgba($knighthood, 0.35);
}