Dichtstbijzijnde benoemde kleur · #1C020F
#1C020F
Dichtstbijzijnde benoemde kleur: Crow
#1C020F (rgb(28 2 15), hsl(330 87% 6%), oklch(0.155 0.055 351.1)) komt het dichtst bij de benoemde kleur Crow. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#1C020F
oklch(0.155 0.055 351.1)
Kleurconversies
- HEX
- #1c020f
- RGB
- rgb(28 2 15)
- HSL
- hsl(330 87% 6%)
- HWB
- hwb(330 1% 89%)
- OKLCH
- oklch(0.155 0.055 351.1)
- OKLab
- oklab(0.155 0.054 -0.008)
- CIE Lab
- lab(2.99 11.27 -1.7)
- LCH
- lch(2.99 11.4 351.4)
- CMYK
- cmyk(0% 93% 46% 89%)
Tinten · Schaduwen · Tonen
Tinten
- 301522
- 452A37
- 5B424C
- 715A63
- 87737B
- 9E8E94
- B6A9AE
- CEC5C8
- E6E2E3
Schaduwen
- 17010B
- 120108
- 0D0105
- 080003
- 050002
- 020001
- 010000
- 000000
- 000000
Tonen
- 260B19
- 301723
- 3A232D
- 442F38
- 4E3C43
- 58494F
- 62565B
- 6C6467
- 767273
Kleurharmonieën
Complementair +180°
- 1C020F
Crow
- 00100B
≈ Alpine Salamander
Analoog -30° +30°
- 1C020F
Crow
- 16041A
≈ Crow
- 1E0203
≈ Dwarf Fortress
Triadisch +120° +240°
Gesplitst complementair +150° +210°
- 1C020F
Crow
- 011100
≈ Downwell
- 001011
≈ Black Glaze
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 19.71:1 · APCA Lc 106
Ag
FailOp zwart
WCAG 1.06:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 19.71:1 (AAA) · APCA Lc 106
Contrast pairs
Codefragmenten
CSS
:root {
--crow: #1c020f;
--crow-rgb: 28 2 15;
--crow-oklch: oklch(0.155 0.055 351.1);
}
.element {
color: var(--crow);
background-color: hsl(330 87% 6%);
border-color: oklch(0.155 0.055 351.1);
}Tailwind CSS v4
@theme {
--color-crow: #1c020f;
--color-crow-50: #ffeff6;
--color-crow-100: #f8e1e9;
--color-crow-200: #e8cbd6;
--color-crow-300: #cfacba;
--color-crow-400: #b992a2;
--color-crow-500: #a3778a;
--color-crow-600: #8a6575;
--color-crow-700: #6f515e;
--color-crow-800: #513b45;
--color-crow-900: #392830;
--color-crow-950: #23161c;
}SCSS
$crow: #1c020f;
$crow-rgb: 28, 2, 15;
$crow-light: mix(#fff, $crow, 20%);
$crow-dark: mix(#000, $crow, 20%);
.element {
color: $crow;
box-shadow: 0 0 0 2px rgba($crow, 0.35);
}