Nächste benannte Farbe · #3B2F40
#3B2F40
Nächste benannte Farbe: Royal Decree
#3B2F40 (rgb(59 47 64), hsl(282 15% 22%), oklch(0.325 0.034 315.9)) liegt am nächsten an der benannten Farbe Royal Decree. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#3B2F40
oklch(0.325 0.034 315.9)
Farbumrechnungen
- HEX
- #3b2f40
- RGB
- rgb(59 47 64)
- HSL
- hsl(282 15% 22%)
- HWB
- hwb(282 18% 75%)
- OKLCH
- oklch(0.325 0.034 315.9)
- OKLab
- oklab(0.325 0.024 -0.023)
- CIE Lab
- lab(21.29 8.45 -8.62)
- LCH
- lch(21.29 12.07 314.4)
- CMYK
- cmyk(8% 27% 0% 75%)
Tints · Shades · Tones
Tints
- 4C4151
- 5E5463
- 716775
- 847B87
- 97909A
- ABA5AE
- BFBBC1
- D4D1D6
- E9E8EA
Shades
- 322736
- 29202D
- 211924
- 19121B
- 110C13
- 09060B
- 040305
- 010101
- 000000
Tones
- 423746
- 483E4C
- 4F4653
- 564E59
- 5C565F
- 635E66
- 6A666C
- 726F73
- 797779
Farbharmonien
Komplementär +180°
- 3B2F40
Royal Decree
- 2C3827
≈ Aimiru Brown
Analog -30° +30°
- 3B2F40
Royal Decree
- 323245
≈ Oil Rush
- 412D38
≈ Barossa
Triadisch +120° +240°
- 3B2F40
Royal Decree
- 3E3220
≈ Lebanon Cedar
- 1E3A3A
≈ Nordic
Geteilt komplementär +150° +210°
- 3B2F40
Royal Decree
- 363521
≈ Fuchsia Berries
- 233A30
≈ Palm Green
Tetradisch +90° +180° +270°
- 3B2F40
Royal Decree
- 432F26
≈ Morocco Brown
- 2C3827
≈ Aimiru Brown
- 213841
≈ Astral Nomad
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 12.60:1 · APCA Lc 99
Ag
FailAuf Schwarz
WCAG 1.66:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 12.60:1 (AAA) · APCA Lc 99
Contrast pairs
Code-Snippets
CSS
:root {
--royal-decree: #3b2f40;
--royal-decree-rgb: 59 47 64;
--royal-decree-oklch: oklch(0.325 0.034 315.9);
}
.element {
color: var(--royal-decree);
background-color: hsl(282 15% 22%);
border-color: oklch(0.325 0.034 315.9);
}Tailwind CSS v4
@theme {
--color-royal-decree: #3b2f40;
--color-royal-decree-50: #f9f2fc;
--color-royal-decree-100: #ede5ef;
--color-royal-decree-200: #dad0de;
--color-royal-decree-300: #bfb2c3;
--color-royal-decree-400: #a699ac;
--color-royal-decree-500: #8f8096;
--color-royal-decree-600: #796c7e;
--color-royal-decree-700: #615665;
--color-royal-decree-800: #473f4b;
--color-royal-decree-900: #312b34;
--color-royal-decree-950: #1d191f;
}SCSS
$royal-decree: #3b2f40;
$royal-decree-rgb: 59, 47, 64;
$royal-decree-light: mix(#fff, $royal-decree, 20%);
$royal-decree-dark: mix(#000, $royal-decree, 20%);
.element {
color: $royal-decree;
box-shadow: 0 0 0 2px rgba($royal-decree, 0.35);
}