Dichtstbijzijnde benoemde kleur · #70613A
#70613A
Dichtstbijzijnde benoemde kleur: Himalaya
#70613A (rgb(112 97 58), hsl(43 32% 33%), oklch(0.497 0.059 89.2)) komt het dichtst bij de benoemde kleur Himalaya. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#70613A
oklch(0.497 0.059 89.2)
Kleurconversies
- HEX
- #70613a
- RGB
- rgb(112 97 58)
- HSL
- hsl(43 32% 33%)
- HWB
- hwb(43 23% 56%)
- OKLCH
- oklch(0.497 0.059 89.2)
- OKLab
- oklab(0.497 0.001 0.059)
- CIE Lab
- lab(41.89 1.98 24.49)
- LCH
- lch(41.89 24.57 85.4)
- CMYK
- cmyk(0% 13% 48% 56%)
Tinten · Schaduwen · Tonen
Tinten
- 7D704D
- 8B7F5F
- 998E72
- A79D85
- B5AD99
- C3BDAD
- D2CDC1
- E1DED5
- F0EEEA
Schaduwen
- 605331
- 514628
- 433920
- 352D18
- 272110
- 1A1509
- 0E0B04
- 040301
- 010000
Tonen
- 726441
- 736749
- 756A50
- 766E57
- 78715E
- 7A7465
- 7B776C
- 7D7A72
- 7E7D79
Kleurharmonieën
Complementair +180°
- 70613A
Himalaya
- 556185
≈ Karmic Grape
Analoog -30° +30°
- 70613A
Himalaya
- 7C5A40
≈ Château Mantle
- 5F6840
≈ Golfer Green
Triadisch +120° +240°
- 70613A
Himalaya
- 366C75
≈ Aquarium
- 765673
≈ Cembra Blossom
Gesplitst complementair +150° +210°
- 70613A
Himalaya
- 426781
≈ Good Samaritan
- 675B80
≈ Purple Valley
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 6.06:1 · APCA Lc 80
Ag
FailOp zwart
WCAG 3.45:1 · APCA Lc 22
Beste tekstkleur: #FFFFFF
WCAG 6.06:1 (AA) · APCA Lc 80
Contrast pairs
Codefragmenten
CSS
:root {
--himalaya: #70613a;
--himalaya-rgb: 112 97 58;
--himalaya-oklch: oklch(0.497 0.059 89.2);
}
.element {
color: var(--himalaya);
background-color: hsl(43 32% 33%);
border-color: oklch(0.497 0.059 89.2);
}Tailwind CSS v4
@theme {
--color-himalaya: #70613a;
--color-himalaya-50: #fbf5e3;
--color-himalaya-100: #efe8d2;
--color-himalaya-200: #ddd4b8;
--color-himalaya-300: #c2b795;
--color-himalaya-400: #ac9d76;
--color-himalaya-500: #968558;
--color-himalaya-600: #7f704b;
--color-himalaya-700: #655a3c;
--color-himalaya-800: #4b412a;
--color-himalaya-900: #342d1c;
--color-himalaya-950: #201a0d;
}SCSS
$himalaya: #70613a;
$himalaya-rgb: 112, 97, 58;
$himalaya-light: mix(#fff, $himalaya, 20%);
$himalaya-dark: mix(#000, $himalaya, 20%);
.element {
color: $himalaya;
box-shadow: 0 0 0 2px rgba($himalaya, 0.35);
}