Dichtstbijzijnde benoemde kleur · #171833
#171833
Dichtstbijzijnde benoemde kleur: Dark Knight
#171833 (rgb(23 24 51), hsl(238 38% 15%), oklch(0.224 0.052 279.7)) komt het dichtst bij de benoemde kleur Dark Knight. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#171833
oklch(0.224 0.052 279.7)
Kleurconversies
- HEX
- #171833
- RGB
- rgb(23 24 51)
- HSL
- hsl(238 38% 15%)
- HWB
- hwb(238 9% 80%)
- OKLCH
- oklch(0.224 0.052 279.7)
- OKLab
- oklab(0.224 0.009 -0.051)
- CIE Lab
- lab(9.37 6.48 -18.31)
- LCH
- lch(9.37 19.43 289.5)
- CMYK
- cmyk(55% 53% 0% 80%)
Tinten · Schaduwen · Tonen
Tinten
- 292B45
- 3D4058
- 53556B
- 696B7F
- 808294
- 989AA8
- B1B2BD
- CACBD3
- E4E5E9
Schaduwen
- 12132B
- 0E0F23
- 0A0A1C
- 060714
- 04040D
- 020207
- 010103
- 000001
- 000000
Tonen
- 20223B
- 292B42
- 33354A
- 3D3F51
- 484A59
- 525461
- 5E5F69
- 696A70
- 747578
Kleurharmonieën
Complementair +180°
- 171833
Dark Knight
- 211C00
≈ Liquorice Root
Analoog -30° +30°
- 171833
Dark Knight
- 051D32
≈ Cyanophobia
- 23142D
≈ Blacklist
Triadisch +120° +240°
- 171833
Dark Knight
- 2F1207
≈ Shadow Play
- 002213
≈ Clock Chimes Thirteen
Gesplitst complementair +150° +210°
- 171833
Dark Knight
- 2A1700
≈ Cannon Black
- 132004
≈ Yuzu Soy
Tetradisch +90° +180° +270°
- 171833
Dark Knight
- 2F1016
≈ Dark Danger
- 211C00
≈ Liquorice Root
- 00211F
≈ Stellar Explorer
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 17.28:1 · APCA Lc 104
Ag
FailOp zwart
WCAG 1.21:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 17.28:1 (AAA) · APCA Lc 104
Contrast pairs
Codefragmenten
CSS
:root {
--dark-knight: #171833;
--dark-knight-rgb: 23 24 51;
--dark-knight-oklch: oklch(0.224 0.052 279.7);
}
.element {
color: var(--dark-knight);
background-color: hsl(238 38% 15%);
border-color: oklch(0.224 0.052 279.7);
}Tailwind CSS v4
@theme {
--color-dark-knight: #171833;
--color-dark-knight-50: #f2f4ff;
--color-dark-knight-100: #e4e6f9;
--color-dark-knight-200: #d0d2eb;
--color-dark-knight-300: #b2b5d2;
--color-dark-knight-400: #989cbd;
--color-dark-knight-500: #7f83a9;
--color-dark-knight-600: #6b6f8e;
--color-dark-knight-700: #565972;
--color-dark-knight-800: #3e4154;
--color-dark-knight-900: #2a2d3b;
--color-dark-knight-950: #181a25;
}SCSS
$dark-knight: #171833;
$dark-knight-rgb: 23, 24, 51;
$dark-knight-light: mix(#fff, $dark-knight, 20%);
$dark-knight-dark: mix(#000, $dark-knight, 20%);
.element {
color: $dark-knight;
box-shadow: 0 0 0 2px rgba($dark-knight, 0.35);
}