Benannte Farbe · #664228
Van Dyke Brown
Van Dyke Brown ist #664228: rgb(102 66 40), hsl(25 44% 28%), oklch(0.414 0.064 55.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Van Dyke Brown color name →
#664228
oklch(0.414 0.064 55.8)
Farbumrechnungen
- HEX
- #664228
- RGB
- rgb(102 66 40)
- HSL
- hsl(25 44% 28%)
- HWB
- hwb(25 16% 60%)
- OKLCH
- oklch(0.414 0.064 55.8)
- OKLab
- oklab(0.414 0.036 0.053)
- CIE Lab
- lab(31.79 13.86 22.38)
- LCH
- lch(31.79 26.32 58.2)
- CMYK
- cmyk(0% 35% 61% 60%)
Tints · Shades · Tones
Tints
- 75533C
- 846550
- 937764
- A28979
- B19C8E
- C0AFA4
- D0C3BA
- DFD6D1
- EFEBE8
Shades
- 583821
- 4A2F1B
- 3C2515
- 2F1C0F
- 231409
- 170B04
- 0C0502
- 040101
- 000000
Tones
- 694831
- 6C4E3A
- 6F5543
- 715B4B
- 746154
- 77675D
- 796D65
- 7B736E
- 7E7A77
Farbharmonien
Komplementär +180°
- 664228
Van Dyke Brown
- 255169
≈ Shimmering Sea
Analog -30° +30°
- 664228
Van Dyke Brown
- 6A3D39
≈ Cimarron
- 5B491F
≈ Bronze Olive
Triadisch +120° +240°
- 664228
Van Dyke Brown
- 1D574A
≈ Country Meadow
- 4E446A
≈ Evening Lavender
Geteilt komplementär +150° +210°
- 664228
Van Dyke Brown
- 14555C
≈ Uncharted
- 3B4B6E
≈ Mountain Blueberry
Tetradisch +90° +180° +270°
- 664228
Van Dyke Brown
- 345536
≈ Green Stain
- 255169
≈ Shimmering Sea
- 5D3F5E
≈ Navy Cosmos
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.84:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.37:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 8.84:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--van-dyke-brown: #664228;
--van-dyke-brown-rgb: 102 66 40;
--van-dyke-brown-oklch: oklch(0.414 0.064 55.8);
}
.element {
color: var(--van-dyke-brown);
background-color: hsl(25 44% 28%);
border-color: oklch(0.414 0.064 55.8);
}Tailwind CSS v4
@theme {
--color-van-dyke-brown: #664228;
--color-van-dyke-brown-50: #fff1e4;
--color-van-dyke-brown-100: #f9e3d4;
--color-van-dyke-brown-200: #eaceba;
--color-van-dyke-brown-300: #d1b098;
--color-van-dyke-brown-400: #bc957a;
--color-van-dyke-brown-500: #a77b5d;
--color-van-dyke-brown-600: #8d694f;
--color-van-dyke-brown-700: #71533f;
--color-van-dyke-brown-800: #543c2d;
--color-van-dyke-brown-900: #3b2a1f;
--color-van-dyke-brown-950: #25170e;
}SCSS
$van-dyke-brown: #664228;
$van-dyke-brown-rgb: 102, 66, 40;
$van-dyke-brown-light: mix(#fff, $van-dyke-brown, 20%);
$van-dyke-brown-dark: mix(#000, $van-dyke-brown, 20%);
.element {
color: $van-dyke-brown;
box-shadow: 0 0 0 2px rgba($van-dyke-brown, 0.35);
}