Nächste benannte Farbe · #9C9E2A
#9C9E2A
Nächste benannte Farbe: Papyrus
#9C9E2A (rgb(156 158 42), hsl(61 58% 39%), oklch(0.677 0.133 110.5)) liegt am nächsten an der benannten Farbe Papyrus. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#9C9E2A
oklch(0.677 0.133 110.5)
Farbumrechnungen
- HEX
- #9c9e2a
- RGB
- rgb(156 158 42)
- HSL
- hsl(61 58% 39%)
- HWB
- hwb(61 16% 38%)
- OKLCH
- oklch(0.677 0.133 110.5)
- OKLab
- oklab(0.677 -0.047 0.125)
- CIE Lab
- lab(63.38 -11.08 56.09)
- LCH
- lch(63.38 57.18 101.2)
- CMYK
- cmyk(1% 0% 73% 38%)
Tints · Shades · Tones
Tints
- A5A847
- AFB15E
- B8BB74
- C2C588
- CCCF9C
- D6D8B0
- E0E2C4
- EAECD8
- F4F5EB
Shades
- 878923
- 73741C
- 5F6016
- 4C4D10
- 393A0A
- 282905
- 181802
- 090901
- 010100
Tones
- 999B39
- 969845
- 93964F
- 909358
- 8D9060
- 8B8D67
- 888A6E
- 858674
- 83837A
Farbharmonien
Komplementär +180°
- 9C9E2A
Papyrus
- 9787E3
≈ Perrywinkle
Analog -30° +30°
- 9C9E2A
Papyrus
- C18D1A
≈ Auric
- 67AB5A
≈ Techno Green
Triadisch +120° +240°
- 9C9E2A
Papyrus
- 0FA5D9
≈ Malibu Blue
- D472A2
≈ Camellia Pink
Geteilt komplementär +150° +210°
- 9C9E2A
Papyrus
- 6697E9
≈ Guilliman Blue
- BC7AC9
≈ Gulābī Pink
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.86:1 · APCA Lc 55
Ag
AAAAuf Schwarz
WCAG 7.33:1 · APCA Lc 47
Beste Textfarbe: #000000
WCAG 7.33:1 (AAA) · APCA Lc 47
Contrast pairs
Code-Snippets
CSS
:root {
--papyrus: #9c9e2a;
--papyrus-rgb: 156 158 42;
--papyrus-oklch: oklch(0.677 0.133 110.5);
}
.element {
color: var(--papyrus);
background-color: hsl(61 58% 39%);
border-color: oklch(0.677 0.133 110.5);
}Tailwind CSS v4
@theme {
--color-papyrus: #9c9e2a;
--color-papyrus-50: #f5face;
--color-papyrus-100: #e8edba;
--color-papyrus-200: #d5db98;
--color-papyrus-300: #b8bf6c;
--color-papyrus-400: #a3a53c;
--color-papyrus-500: #8c8d00;
--color-papyrus-600: #767700;
--color-papyrus-700: #5e5f00;
--color-papyrus-800: #474500;
--color-papyrus-900: #313000;
--color-papyrus-950: #1d1c00;
}SCSS
$papyrus: #9c9e2a;
$papyrus-rgb: 156, 158, 42;
$papyrus-light: mix(#fff, $papyrus, 20%);
$papyrus-dark: mix(#000, $papyrus, 20%);
.element {
color: $papyrus;
box-shadow: 0 0 0 2px rgba($papyrus, 0.35);
}