Dichtstbijzijnde benoemde kleur · #471B00
#471B00
Dichtstbijzijnde benoemde kleur: Evil Cigar
#471B00 (rgb(71 27 0), hsl(23 100% 14%), oklch(0.284 0.077 48.2)) komt het dichtst bij de benoemde kleur Evil Cigar. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#471B00
oklch(0.284 0.077 48.2)
Kleurconversies
- HEX
- #471b00
- RGB
- rgb(71 27 0)
- HSL
- hsl(23 100% 14%)
- HWB
- hwb(23 0% 72%)
- OKLCH
- oklch(0.284 0.077 48.2)
- OKLab
- oklab(0.284 0.051 0.058)
- CIE Lab
- lab(16.44 20.33 24.69)
- LCH
- lch(16.44 31.98 50.5)
- CMYK
- cmyk(0% 62% 100% 72%)
Tinten · Schaduwen · Tonen
Tinten
- 593019
- 6B4430
- 7D5A48
- 8F7060
- A18679
- B49D92
- C6B5AC
- D9CDC7
- ECE6E3
Schaduwen
- 3D1600
- 321100
- 280C00
- 1F0800
- 160500
- 0D0200
- 060100
- 020000
- 000000
Tonen
- 4D250E
- 542F1C
- 5A3928
- 604334
- 654D41
- 6B574D
- 706159
- 766B66
- 7B7673
Kleurharmonieën
Complementair +180°
- 471B00
Evil Cigar
- 002F3F
≈ Nordic Noir
Analoog -30° +30°
- 471B00
Evil Cigar
- 49161B
≈ Minotaur Hide
- 3A2600
≈ Secret Passage
Triadisch +120° +240°
- 471B00
Evil Cigar
- 003324
≈ Pitch-Black Forests
- 29224D
≈ Pāua
Gesplitst complementair +150° +210°
- 471B00
Evil Cigar
- 003133
≈ Roof Tile Green
- 0F294F
≈ Dark Tyrian Blue
Tetradisch +90° +180° +270°
- 471B00
Evil Cigar
- 143207
≈ Dark Serpent
- 002F3F
≈ Nordic Noir
- 391B42
≈ Power Outage
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 14.74:1 · APCA Lc 101
Ag
FailOp zwart
WCAG 1.42:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 14.74:1 (AAA) · APCA Lc 101
Contrast pairs
Codefragmenten
CSS
:root {
--evil-cigar: #471b00;
--evil-cigar-rgb: 71 27 0;
--evil-cigar-oklch: oklch(0.284 0.077 48.2);
}
.element {
color: var(--evil-cigar);
background-color: hsl(23 100% 14%);
border-color: oklch(0.284 0.077 48.2);
}Tailwind CSS v4
@theme {
--color-evil-cigar: #471b00;
--color-evil-cigar-50: #ffefe2;
--color-evil-cigar-100: #fee1d1;
--color-evil-cigar-200: #f1cbb7;
--color-evil-cigar-300: #d9ad94;
--color-evil-cigar-400: #c59177;
--color-evil-cigar-500: #b07658;
--color-evil-cigar-600: #95644b;
--color-evil-cigar-700: #77503c;
--color-evil-cigar-800: #593a2b;
--color-evil-cigar-900: #3e281d;
--color-evil-cigar-950: #27160d;
}SCSS
$evil-cigar: #471b00;
$evil-cigar-rgb: 71, 27, 0;
$evil-cigar-light: mix(#fff, $evil-cigar, 20%);
$evil-cigar-dark: mix(#000, $evil-cigar, 20%);
.element {
color: $evil-cigar;
box-shadow: 0 0 0 2px rgba($evil-cigar, 0.35);
}