Nächste benannte Farbe · #6F4900
#6F4900
Nächste benannte Farbe: Very Coffee
#6F4900 (rgb(111 73 0), hsl(39 100% 22%), oklch(0.437 0.092 75)) liegt am nächsten an der benannten Farbe Very Coffee. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#6F4900
oklch(0.437 0.092 75)
Farbumrechnungen
- HEX
- #6f4900
- RGB
- rgb(111 73 0)
- HSL
- hsl(39 100% 22%)
- HWB
- hwb(39 0% 56%)
- OKLCH
- oklch(0.437 0.092 75)
- OKLab
- oklab(0.437 0.024 0.089)
- CIE Lab
- lab(34.63 12.69 43.46)
- LCH
- lch(34.63 45.28 73.7)
- CMYK
- cmyk(0% 34% 100% 56%)
Tints · Shades · Tones
Tints
- 7D5A25
- 8B6B3E
- 997D56
- A78F6D
- B6A185
- C4B39C
- D3C6B4
- E1D8CD
- F0ECE6
Shades
- 603E00
- 513400
- 422A00
- 342000
- 271700
- 1A0E00
- 0E0600
- 040200
- 010000
Tones
- 714F18
- 735427
- 755A34
- 776040
- 78654B
- 7A6A56
- 7C7060
- 7D756B
- 7F7B75
Farbharmonien
Komplementär +180°
- 6F4900
Very Coffee
- 2C5383
≈ Boat Blue
Analog -30° +30°
- 6F4900
Very Coffee
- 7B3F23
≈ Burnished Russet
- 5A5401
≈ Douro
Triadisch +120° +240°
- 6F4900
Very Coffee
- 005E5E
≈ Sandhill Crane
- 654175
≈ Majesty
Geteilt komplementär +150° +210°
- 6F4900
Very Coffee
- 005B74
≈ Octagon Ocean
- 4D4982
≈ Highlands Twilight
Tetradisch +90° +180° +270°
- 6F4900
Very Coffee
- 006145
≈ Green Paw Paw
- 2C5383
≈ Boat Blue
- 753B5D
≈ Passionate Plum
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.98:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.62:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 7.98:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--very-coffee: #6f4900;
--very-coffee-rgb: 111 73 0;
--very-coffee-oklch: oklch(0.437 0.092 75);
}
.element {
color: var(--very-coffee);
background-color: hsl(39 100% 22%);
border-color: oklch(0.437 0.092 75);
}Tailwind CSS v4
@theme {
--color-very-coffee: #6f4900;
--color-very-coffee-50: #fff2d8;
--color-very-coffee-100: #fae5c6;
--color-very-coffee-200: #ebd0a9;
--color-very-coffee-300: #d2b282;
--color-very-coffee-400: #bf975f;
--color-very-coffee-500: #aa7d39;
--color-very-coffee-600: #8f6a31;
--color-very-coffee-700: #735427;
--color-very-coffee-800: #563d1b;
--color-very-coffee-900: #3c2a11;
--color-very-coffee-950: #261704;
}SCSS
$very-coffee: #6f4900;
$very-coffee-rgb: 111, 73, 0;
$very-coffee-light: mix(#fff, $very-coffee, 20%);
$very-coffee-dark: mix(#000, $very-coffee, 20%);
.element {
color: $very-coffee;
box-shadow: 0 0 0 2px rgba($very-coffee, 0.35);
}