Dichtstbijzijnde benoemde kleur · #1C1D23
#1C1D23
Dichtstbijzijnde benoemde kleur: Inkwell Inception
#1C1D23 (rgb(28 29 35), hsl(231 11% 12%), oklch(0.232 0.012 278)) komt het dichtst bij de benoemde kleur Inkwell Inception. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#1C1D23
oklch(0.232 0.012 278)
Kleurconversies
- HEX
- #1c1d23
- RGB
- rgb(28 29 35)
- HSL
- hsl(231 11% 12%)
- HWB
- hwb(231 11% 86%)
- OKLCH
- oklch(0.232 0.012 278)
- OKLab
- oklab(0.232 0.002 -0.012)
- CIE Lab
- lab(10.86 0.75 -4.29)
- LCH
- lch(10.86 4.35 279.9)
- CMYK
- cmyk(20% 17% 0% 86%)
Tinten · Schaduwen · Tonen
Tinten
- 2F3035
- 434349
- 57585D
- 6D6E73
- 848589
- 9B9C9F
- B3B4B6
- CCCCCE
- E5E5E6
Schaduwen
- 17181D
- 121317
- 0D0E11
- 08090C
- 050507
- 020304
- 010101
- 000000
- 000000
Tonen
- 25262B
- 2E2F34
- 37383D
- 414246
- 4B4C4F
- 555659
- 606062
- 6A6B6C
- 757576
Kleurharmonieën
Complementair +180°
- 1C1D23
Inkwell Inception
- 1F1E17
≈ Coco’s Black
Analoog -30° +30°
- 1C1D23
Inkwell Inception
- 191E23
≈ Satin Deep Black
- 1F1C22
≈ Night Demons
Triadisch +120° +240°
- 1C1D23
Inkwell Inception
- 231C1A
≈ Dark Orchestra
- 191F1B
≈ Coco’s Black
Gesplitst complementair +150° +210°
- 1C1D23
Inkwell Inception
- 211D18
≈ Dark Orchestra
- 1C1F19
≈ Coco’s Black
Tetradisch +90° +180° +270°
- 1C1D23
Inkwell Inception
- 231B1C
≈ Dark Orchestra
- 1F1E17
≈ Coco’s Black
- 171F1E
≈ Satin Deep Black
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 16.80:1 · APCA Lc 104
Ag
FailOp zwart
WCAG 1.24:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 16.80:1 (AAA) · APCA Lc 104
Contrast pairs
Codefragmenten
CSS
:root {
--inkwell-inception: #1c1d23;
--inkwell-inception-rgb: 28 29 35;
--inkwell-inception-oklch: oklch(0.232 0.012 278);
}
.element {
color: var(--inkwell-inception);
background-color: hsl(231 11% 12%);
border-color: oklch(0.232 0.012 278);
}Tailwind CSS v4
@theme {
--color-inkwell-inception: #1c1d23;
--color-inkwell-inception-50: #f4f5f8;
--color-inkwell-inception-100: #e7e7ec;
--color-inkwell-inception-200: #d3d4d9;
--color-inkwell-inception-300: #b6b7bd;
--color-inkwell-inception-400: #9c9ea5;
--color-inkwell-inception-500: #84868e;
--color-inkwell-inception-600: #707178;
--color-inkwell-inception-700: #595a60;
--color-inkwell-inception-800: #414246;
--color-inkwell-inception-900: #2d2e31;
--color-inkwell-inception-950: #1a1a1d;
}SCSS
$inkwell-inception: #1c1d23;
$inkwell-inception-rgb: 28, 29, 35;
$inkwell-inception-light: mix(#fff, $inkwell-inception, 20%);
$inkwell-inception-dark: mix(#000, $inkwell-inception, 20%);
.element {
color: $inkwell-inception;
box-shadow: 0 0 0 2px rgba($inkwell-inception, 0.35);
}