Benannte Farbe · #6E314F
Burlat Red
Burlat Red ist #6E314F: rgb(110 49 79), hsl(330 38% 31%), oklch(0.405 0.094 351.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Burlat Red color name →
#6E314F
oklch(0.405 0.094 351.4)
Farbumrechnungen
- HEX
- #6e314f
- RGB
- rgb(110 49 79)
- HSL
- hsl(330 38% 31%)
- HWB
- hwb(330 19% 57%)
- OKLCH
- oklch(0.405 0.094 351.4)
- OKLab
- oklab(0.405 0.093 -0.014)
- CIE Lab
- lab(29.78 30.34 -5.01)
- LCH
- lch(29.78 30.75 350.6)
- CMYK
- cmyk(0% 55% 28% 57%)
Tints · Shades · Tones
Tints
- 7D445F
- 8C586F
- 9A6B80
- A97F91
- B794A3
- C6A8B4
- D4BEC7
- E2D3D9
- F1E9EC
Shades
- 5F2944
- 502238
- 411A2E
- 331323
- 260C19
- 190610
- 0E0307
- 040102
- 010000
Tones
- 713954
- 734159
- 75495D
- 785162
- 7A5967
- 7B616C
- 7D6971
- 7E7076
- 7F787B
Farbharmonien
Komplementär +180°
- 6E314F
Burlat Red
- 005744
≈ Sacramento State Green
Analog -30° +30°
- 6E314F
Burlat Red
- 603667
≈ Purple Splendour
- 743132
≈ Chocolate Bar
Triadisch +120° +240°
- 6E314F
Burlat Red
- 4B4D00
≈ Scorzonera Brown
- 00506D
≈ Gemstone Blue
Geteilt komplementär +150° +210°
- 6E314F
Burlat Red
- 285522
≈ Moor-Monster
- 005459
≈ Deep Teal
Tetradisch +90° +180° +270°
- 6E314F
Burlat Red
- 604300
≈ Mud Brown
- 005744
≈ Sacramento State Green
- 2B487C
≈ Nautical
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.47:1 · APCA Lc 92
Ag
FailAuf Schwarz
WCAG 2.21:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 9.47:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--burlat-red: #6e314f;
--burlat-red-rgb: 110 49 79;
--burlat-red-oklch: oklch(0.405 0.094 351.4);
}
.element {
color: var(--burlat-red);
background-color: hsl(330 38% 31%);
border-color: oklch(0.405 0.094 351.4);
}Tailwind CSS v4
@theme {
--color-burlat-red: #6e314f;
--color-burlat-red-50: #ffebf7;
--color-burlat-red-100: #ffdcea;
--color-burlat-red-200: #f6c4d7;
--color-burlat-red-300: #dfa4bb;
--color-burlat-red-400: #ca87a5;
--color-burlat-red-500: #b56b8d;
--color-burlat-red-600: #995b78;
--color-burlat-red-700: #7b4960;
--color-burlat-red-800: #5b3447;
--color-burlat-red-900: #3f2431;
--color-burlat-red-950: #28121d;
}SCSS
$burlat-red: #6e314f;
$burlat-red-rgb: 110, 49, 79;
$burlat-red-light: mix(#fff, $burlat-red, 20%);
$burlat-red-dark: mix(#000, $burlat-red, 20%);
.element {
color: $burlat-red;
box-shadow: 0 0 0 2px rgba($burlat-red, 0.35);
}