Nearest named color · #383645
#383645
Nearest named color: Shuriken
#383645 (rgb(56 54 69), hsl(248 12% 24%), oklch(0.341 0.026 291.1)) is closest to the named color Shuriken. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#383645
oklch(0.341 0.026 291.1)
Color conversions
- HEX
- #383645
- RGB
- rgb(56 54 69)
- HSL
- hsl(248 12% 24%)
- HWB
- hwb(248 21% 73%)
- OKLCH
- oklch(0.341 0.026 291.1)
- OKLab
- oklab(0.341 0.009 -0.024)
- CIE Lab
- lab(23.29 3.69 -9.01)
- LCH
- lch(23.29 9.74 292.3)
- CMYK
- cmyk(19% 22% 0% 73%)
Tints · Shades · Tones
Tints
- 494856
- 5B5A67
- 6E6D78
- 81808B
- 95949D
- A9A9B0
- BEBEC3
- D3D3D7
- E9E9EB
Shades
- 2F2E3B
- 272531
- 1F1E27
- 17161E
- 0F0F15
- 08080C
- 040305
- 010102
- 000000
Tones
- 3F3D4B
- 464450
- 4C4B56
- 54525C
- 5B5A62
- 626168
- 69696E
- 717074
- 78787A
Color harmonies
Complementary +180°
- 383645
Shuriken
- 393A2A
≈ El Paso
Analogous -30° +30°
- 383645
Shuriken
- 313946
≈ Biro Blue
- 3F3441
≈ Royal Coronation
Triadic +120° +240°
- 383645
Shuriken
- 44352C
≈ Tobago
- 2A3D36
≈ Scarab
Split-complementary +150° +210°
- 383645
Shuriken
- 3F3729
≈ Jacko Bean
- 313C2F
≈ Sound of Silence
Tetradic +90° +180° +270°
- 383645
Shuriken
- 453332
≈ Rebel
- 393A2A
≈ El Paso
- 283C3E
≈ Sunken Cascades
Contrast & accessibility
Ag
AAAOn white
WCAG 11.78:1 · APCA Lc 97
Ag
FailOn black
WCAG 1.78:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 11.78:1 (AAA) · APCA Lc 97
Contrast pairs
Code snippets
CSS
:root {
--shuriken: #383645;
--shuriken-rgb: 56 54 69;
--shuriken-oklch: oklch(0.341 0.026 291.1);
}
.element {
color: var(--shuriken);
background-color: hsl(248 12% 24%);
border-color: oklch(0.341 0.026 291.1);
}Tailwind CSS v4
@theme {
--color-shuriken: #383645;
--color-shuriken-50: #f5f4fc;
--color-shuriken-100: #e8e6f0;
--color-shuriken-200: #d4d2df;
--color-shuriken-300: #b7b5c4;
--color-shuriken-400: #9e9cad;
--color-shuriken-500: #868397;
--color-shuriken-600: #716f7f;
--color-shuriken-700: #5b5966;
--color-shuriken-800: #42414b;
--color-shuriken-900: #2d2d34;
--color-shuriken-950: #1a1a20;
}SCSS
$shuriken: #383645;
$shuriken-rgb: 56, 54, 69;
$shuriken-light: mix(#fff, $shuriken, 20%);
$shuriken-dark: mix(#000, $shuriken, 20%);
.element {
color: $shuriken;
box-shadow: 0 0 0 2px rgba($shuriken, 0.35);
}