Dichtstbijzijnde benoemde kleur · #281817
#281817
Dichtstbijzijnde benoemde kleur: Italian Roast
#281817 (rgb(40 24 23), hsl(4 27% 12%), oklch(0.23 0.026 23.3)) komt het dichtst bij de benoemde kleur Italian Roast. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#281817
oklch(0.23 0.026 23.3)
Kleurconversies
- HEX
- #281817
- RGB
- rgb(40 24 23)
- HSL
- hsl(4 27% 12%)
- HWB
- hwb(4 9% 84%)
- OKLCH
- oklch(0.23 0.026 23.3)
- OKLab
- oklab(0.23 0.024 0.01)
- CIE Lab
- lab(10.4 8.17 4.15)
- LCH
- lch(10.4 9.17 26.9)
- CMYK
- cmyk(0% 40% 42% 84%)
Tinten · Schaduwen · Tonen
Tinten
- 3B2B2A
- 4E3F3E
- 625453
- 776B6A
- 8C8281
- A29A99
- B9B2B1
- D0CBCB
- E7E5E5
Schaduwen
- 211312
- 1B0F0E
- 150A0A
- 0F0706
- 090404
- 040202
- 020101
- 010000
- 000000
Tonen
- 302120
- 392B2A
- 413534
- 4A3F3E
- 534948
- 5B5453
- 645E5E
- 6E6969
- 777574
Kleurharmonieën
Complementair +180°
- 281817
Italian Roast
- 0D2022
≈ Black Feather
Analoog -30° +30°
- 281817
Italian Roast
- 27181E
≈ Kurobeni
- 271911
≈ Tetsu-Guro Black
Triadisch +120° +240°
- 281817
Italian Roast
- 162015
≈ Black Emerald
- 161D29
≈ Coarse Wool
Gesplitst complementair +150° +210°
- 281817
Italian Roast
- 0F211C
≈ Black Emerald
- 101F27
≈ Crow Feather
Tetradisch +90° +180° +270°
- 281817
Italian Roast
- 1D1E10
≈ Black Mesa
- 0D2022
≈ Black Feather
- 1D1B28
≈ Coarse Wool
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 17.02:1 · APCA Lc 104
Ag
FailOp zwart
WCAG 1.23:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 17.02:1 (AAA) · APCA Lc 104
Contrast pairs
Codefragmenten
CSS
:root {
--italian-roast: #281817;
--italian-roast-rgb: 40 24 23;
--italian-roast-oklch: oklch(0.23 0.026 23.3);
}
.element {
color: var(--italian-roast);
background-color: hsl(4 27% 12%);
border-color: oklch(0.23 0.026 23.3);
}Tailwind CSS v4
@theme {
--color-italian-roast: #281817;
--color-italian-roast-50: #fdf2f1;
--color-italian-roast-100: #f1e5e3;
--color-italian-roast-200: #dfd0cf;
--color-italian-roast-300: #c5b3b1;
--color-italian-roast-400: #ae9997;
--color-italian-roast-500: #97807e;
--color-italian-roast-600: #806c6b;
--color-italian-roast-700: #665655;
--color-italian-roast-800: #4b3f3e;
--color-italian-roast-900: #342b2b;
--color-italian-roast-950: #201918;
}SCSS
$italian-roast: #281817;
$italian-roast-rgb: 40, 24, 23;
$italian-roast-light: mix(#fff, $italian-roast, 20%);
$italian-roast-dark: mix(#000, $italian-roast, 20%);
.element {
color: $italian-roast;
box-shadow: 0 0 0 2px rgba($italian-roast, 0.35);
}