Nächste benannte Farbe · #912781
#912781
Nächste benannte Farbe: Noble Plum
#912781 (rgb(145 39 129), hsl(309 58% 36%), oklch(0.472 0.173 334.8)) liegt am nächsten an der benannten Farbe Noble Plum. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#912781
oklch(0.472 0.173 334.8)
Farbumrechnungen
- HEX
- #912781
- RGB
- rgb(145 39 129)
- HSL
- hsl(309 58% 36%)
- HWB
- hwb(309 15% 43%)
- OKLCH
- oklch(0.472 0.173 334.8)
- OKLab
- oklab(0.472 0.156 -0.074)
- CIE Lab
- lab(36.15 51.51 -26.49)
- LCH
- lch(36.15 57.93 332.8)
- CMYK
- cmyk(0% 73% 11% 43%)
Tints · Shades · Tones
Tints
- 9D408D
- AA569A
- B56CA6
- C180B3
- CC95BF
- D7AACC
- E1BFD9
- EBD4E5
- F5E9F2
Shades
- 7D206F
- 6A1A5E
- 58144E
- 460E3E
- 35082E
- 25041F
- 150212
- 070106
- 010001
Tones
- 913481
- 903F81
- 8F4882
- 8E5182
- 8C5A82
- 8B6281
- 886A81
- 867181
- 837980
Farbharmonien
Komplementär +180°
- 912781
Noble Plum
- 006E3C
≈ Dartmouth Green
Analog -30° +30°
- 912781
Noble Plum
- 7238A7
≈ Shredder Lavender
- A31A4F
≈ Cherries Jubilee
Triadisch +120° +240°
- 912781
Noble Plum
- 6D5A00
≈ Brussels Sprout Green
- 006778
≈ Bankson Lake
Geteilt komplementär +150° +210°
- 912781
Noble Plum
- 4D6600
≈ Serrano Pepper
- 006A61
≈ Evergreen Forest
Tetradisch +90° +180° +270°
- 912781
Noble Plum
- 834C00
≈ Gédéon Brown
- 006E3C
≈ Dartmouth Green
- 006098
≈ Hyper Blue
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.47:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.81:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.47:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--noble-plum: #912781;
--noble-plum-rgb: 145 39 129;
--noble-plum-oklch: oklch(0.472 0.173 334.8);
}
.element {
color: var(--noble-plum);
background-color: hsl(309 58% 36%);
border-color: oklch(0.472 0.173 334.8);
}Tailwind CSS v4
@theme {
--color-noble-plum: #912781;
--color-noble-plum-50: #ffe3ff;
--color-noble-plum-100: #ffd2fd;
--color-noble-plum-200: #ffb8ef;
--color-noble-plum-300: #ef94d8;
--color-noble-plum-400: #da73c7;
--color-noble-plum-500: #c750b3;
--color-noble-plum-600: #a84497;
--color-noble-plum-700: #873779;
--color-noble-plum-800: #63275c;
--color-noble-plum-900: #461a40;
--color-noble-plum-950: #2d0a29;
}SCSS
$noble-plum: #912781;
$noble-plum-rgb: 145, 39, 129;
$noble-plum-light: mix(#fff, $noble-plum, 20%);
$noble-plum-dark: mix(#000, $noble-plum, 20%);
.element {
color: $noble-plum;
box-shadow: 0 0 0 2px rgba($noble-plum, 0.35);
}