Dichtstbijzijnde benoemde kleur · #6A3441
#6A3441
Dichtstbijzijnde benoemde kleur: Köfte Brown
#6A3441 (rgb(106 52 65), hsl(346 34% 31%), oklch(0.399 0.078 5.9)) komt het dichtst bij de benoemde kleur Köfte Brown. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#6A3441
oklch(0.399 0.078 5.9)
Kleurconversies
- HEX
- #6a3441
- RGB
- rgb(106 52 65)
- HSL
- hsl(346 34% 31%)
- HWB
- hwb(346 20% 58%)
- OKLCH
- oklch(0.399 0.078 5.9)
- OKLab
- oklab(0.399 0.078 0.008)
- CIE Lab
- lab(29.38 25.7 3.49)
- LCH
- lch(29.38 25.94 7.7)
- CMYK
- cmyk(0% 51% 39% 58%)
Tinten · Schaduwen · Tonen
Tinten
- 794752
- 885A63
- 976D75
- A68188
- B5959A
- C4A9AE
- D2BEC2
- E1D3D6
- F0E9EA
Schaduwen
- 5B2C37
- 4D242E
- 3F1C25
- 31151C
- 240E13
- 18070B
- 0D0305
- 040101
- 000000
Tonen
- 6D3C47
- 70434D
- 724B53
- 755359
- 775A60
- 796266
- 7B696C
- 7D7173
- 7F7879
Kleurharmonieën
Complementair +180°
- 6A3441
Köfte Brown
- 00534D
≈ Plankton Green
Analoog -30° +30°
- 6A3441
Köfte Brown
- 613657
≈ Blackberry Deep Red
- 6B3729
≈ Strong Mocha
Triadisch +120° +240°
- 6A3441
Köfte Brown
- 3D4F1C
≈ No Emissions Green
- 1E4B6F
≈ Indigo Cloth
Gesplitst complementair +150° +210°
- 6A3441
Köfte Brown
- 1C5435
≈ Kaitoke Green
- 005160
≈ Sandalwood Grey Blue
Tetradisch +90° +180° +270°
- 6A3441
Köfte Brown
- 544707
≈ Sugarloaf Brown
- 00534D
≈ Plankton Green
- 3C4371
≈ Valiant Violet
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 9.63:1 · APCA Lc 92
Ag
FailOp zwart
WCAG 2.18:1 · APCA Lc 10
Beste tekstkleur: #FFFFFF
WCAG 9.63:1 (AAA) · APCA Lc 92
Contrast pairs
Codefragmenten
CSS
:root {
--kofte-brown: #6a3441;
--kofte-brown-rgb: 106 52 65;
--kofte-brown-oklch: oklch(0.399 0.078 5.9);
}
.element {
color: var(--kofte-brown);
background-color: hsl(346 34% 31%);
border-color: oklch(0.399 0.078 5.9);
}Tailwind CSS v4
@theme {
--color-kofte-brown: #6a3441;
--color-kofte-brown-50: #ffecf1;
--color-kofte-brown-100: #ffdee3;
--color-kofte-brown-200: #f3c7ce;
--color-kofte-brown-300: #dca7b0;
--color-kofte-brown-400: #c78b97;
--color-kofte-brown-500: #b2707e;
--color-kofte-brown-600: #975f6b;
--color-kofte-brown-700: #794c55;
--color-kofte-brown-800: #59373f;
--color-kofte-brown-900: #3f252b;
--color-kofte-brown-950: #271419;
}SCSS
$kofte-brown: #6a3441;
$kofte-brown-rgb: 106, 52, 65;
$kofte-brown-light: mix(#fff, $kofte-brown, 20%);
$kofte-brown-dark: mix(#000, $kofte-brown, 20%);
.element {
color: $kofte-brown;
box-shadow: 0 0 0 2px rgba($kofte-brown, 0.35);
}