Benannte Farbe · #464152
Jazlyn
Jazlyn ist #464152: rgb(70 65 82), hsl(258 12% 29%), oklch(0.387 0.029 298.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Jazlyn color name →
#464152
oklch(0.387 0.029 298.5)
Farbumrechnungen
- HEX
- #464152
- RGB
- rgb(70 65 82)
- HSL
- hsl(258 12% 29%)
- HWB
- hwb(258 25% 68%)
- OKLCH
- oklch(0.387 0.029 298.5)
- OKLab
- oklab(0.387 0.014 -0.026)
- CIE Lab
- lab(28.55 5.16 -9.47)
- LCH
- lch(28.55 10.79 298.6)
- CMYK
- cmyk(15% 21% 0% 68%)
Tints · Shades · Tones
Tints
- 565262
- 676372
- 797582
- 8B8893
- 9D9BA4
- B0AEB6
- C3C2C8
- D7D6DA
- EBEAEC
Shades
- 3C3746
- 322E3B
- 28252F
- 1E1C25
- 15131A
- 0D0B11
- 050508
- 020102
- 000000
Tones
- 4B4757
- 514D5B
- 575360
- 5C5964
- 626069
- 68666D
- 6E6C72
- 747377
- 7A797B
Farbharmonien
Komplementär +180°
- 464152
Jazlyn
- 424735
≈ Country House Green
Analog -30° +30°
- 464152
Jazlyn
- 3E4454
≈ Marshal Blue
- 4D3F4C
≈ Stone Violet
Triadisch +120° +240°
Geteilt komplementär +150° +210°
- 464152
Jazlyn
- 4B4432
≈ Limonite Brown
- 3A493C
≈ Exclusive Green
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.82:1 · APCA Lc 93
Ag
FailAuf Schwarz
WCAG 2.13:1 · APCA Lc 10
Beste Textfarbe: #FFFFFF
WCAG 9.82:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--jazlyn: #464152;
--jazlyn-rgb: 70 65 82;
--jazlyn-oklch: oklch(0.387 0.029 298.5);
}
.element {
color: var(--jazlyn);
background-color: hsl(258 12% 29%);
border-color: oklch(0.387 0.029 298.5);
}Tailwind CSS v4
@theme {
--color-jazlyn: #464152;
--color-jazlyn-50: #f6f3fc;
--color-jazlyn-100: #e9e6f0;
--color-jazlyn-200: #d6d2df;
--color-jazlyn-300: #b9b4c4;
--color-jazlyn-400: #a09bae;
--color-jazlyn-500: #888297;
--color-jazlyn-600: #736e80;
--color-jazlyn-700: #5c5866;
--color-jazlyn-800: #43404c;
--color-jazlyn-900: #2e2c34;
--color-jazlyn-950: #1b1920;
}SCSS
$jazlyn: #464152;
$jazlyn-rgb: 70, 65, 82;
$jazlyn-light: mix(#fff, $jazlyn, 20%);
$jazlyn-dark: mix(#000, $jazlyn, 20%);
.element {
color: $jazlyn;
box-shadow: 0 0 0 2px rgba($jazlyn, 0.35);
}