Nächste benannte Farbe · #B27260
#B27260
Nächste benannte Farbe: Vin Cuit
#B27260 (rgb(178 114 96), hsl(13 35% 54%), oklch(0.616 0.086 36.4)) liegt am nächsten an der benannten Farbe Vin Cuit. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#B27260
oklch(0.616 0.086 36.4)
Farbumrechnungen
- HEX
- #b27260
- RGB
- rgb(178 114 96)
- HSL
- hsl(13 35% 54%)
- HWB
- hwb(13 38% 30%)
- OKLCH
- oklch(0.616 0.086 36.4)
- OKLab
- oklab(0.616 0.069 0.051)
- CIE Lab
- lab(54.74 24.48 21.03)
- LCH
- lch(54.74 32.27 40.7)
- CMYK
- cmyk(0% 36% 46% 30%)
Tints · Shades · Tones
Tints
- BA806F
- C38D7E
- CB9B8E
- D2A99D
- DAB7AD
- E2C5BD
- E9D4CD
- F1E2DE
- F8F0EE
Shades
- 9A6252
- 835345
- 6D4438
- 57362C
- 432820
- 2F1B15
- 1D0E0A
- 0C0403
- 010100
Tones
- AD7463
- A97567
- A4776A
- 9F786D
- 9A7A71
- 957B74
- 907D77
- 8B7E7A
- 867F7D
Farbharmonien
Komplementär +180°
- B27260
Vin Cuit
- 3D92A6
≈ Blue Moon
Analog -30° +30°
- B27260
Vin Cuit
- B16F7C
≈ Shade of Mauve
- A87A4A
≈ Star Anise Scent
Triadisch +120° +240°
- B27260
Vin Cuit
- 57956F
≈ DaVanzo Green
- 7780B9
≈ Astro Zinger
Geteilt komplementär +150° +210°
- B27260
Vin Cuit
- 3C968D
≈ Sea
- 588AB6
≈ Alpha Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.83:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.46:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.46:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--vin-cuit: #b27260;
--vin-cuit-rgb: 178 114 96;
--vin-cuit-oklch: oklch(0.616 0.086 36.4);
}
.element {
color: var(--vin-cuit);
background-color: hsl(13 35% 54%);
border-color: oklch(0.616 0.086 36.4);
}Tailwind CSS v4
@theme {
--color-vin-cuit: #b27260;
--color-vin-cuit-50: #ffede4;
--color-vin-cuit-100: #ffdfd3;
--color-vin-cuit-200: #f6c8ba;
--color-vin-cuit-300: #dfa997;
--color-vin-cuit-400: #cc8d7b;
--color-vin-cuit-500: #b7715d;
--color-vin-cuit-600: #9b604f;
--color-vin-cuit-700: #7c4d3f;
--color-vin-cuit-800: #5c372e;
--color-vin-cuit-900: #41261f;
--color-vin-cuit-950: #29140f;
}SCSS
$vin-cuit: #b27260;
$vin-cuit-rgb: 178, 114, 96;
$vin-cuit-light: mix(#fff, $vin-cuit, 20%);
$vin-cuit-dark: mix(#000, $vin-cuit, 20%);
.element {
color: $vin-cuit;
box-shadow: 0 0 0 2px rgba($vin-cuit, 0.35);
}