Benannte Farbe · #9C9C6E
Domain
Domain ist #9C9C6E: rgb(156 156 110), hsl(60 19% 52%), oklch(0.681 0.064 108). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Domain color name →
#9C9C6E
oklch(0.681 0.064 108)
Farbumrechnungen
- HEX
- #9c9c6e
- RGB
- rgb(156 156 110)
- HSL
- hsl(60 19% 52%)
- HWB
- hwb(60 43% 39%)
- OKLCH
- oklch(0.681 0.064 108)
- OKLab
- oklab(0.681 -0.02 0.06)
- CIE Lab
- lab(63.49 -5.59 24.19)
- LCH
- lch(63.49 24.83 103)
- CMYK
- cmyk(0% 0% 29% 39%)
Tints · Shades · Tones
Tints
- A5A67C
- AFAF8A
- B9B999
- C2C3A7
- CCCDB5
- D6D7C4
- E0E1D2
- EAEBE1
- F5F5F0
Shades
- 87875F
- 737350
- 5F5F41
- 4C4C33
- 393926
- 282819
- 18180E
- 090904
- 010101
Tones
- 999970
- 969672
- 939474
- 919176
- 8E8E78
- 8B8B7A
- 88887B
- 85867D
- 83837F
Farbharmonien
Komplementär +180°
- 9C9C6E
Domain
- 9693BE
≈ Royal Glimmer
Analog -30° +30°
- 9C9C6E
Domain
- AF946C
≈ Caramel Gold
- 86A27C
≈ Rivergrass
Triadisch +120° +240°
- 9C9C6E
Domain
- 6EA1B8
≈ Adventure Isle
- B789A0
≈ Lover’s Tryst
Geteilt komplementär +150° +210°
- 9C9C6E
Domain
- 809AC0
≈ Bel Air Blue
- A98DB2
≈ Revered
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.84:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.39:1 · APCA Lc 47
Beste Textfarbe: #000000
WCAG 7.39:1 (AAA) · APCA Lc 47
Contrast pairs
Code-Snippets
CSS
:root {
--domain: #9c9c6e;
--domain-rgb: 156 156 110;
--domain-oklch: oklch(0.681 0.064 108);
}
.element {
color: var(--domain);
background-color: hsl(60 19% 52%);
border-color: oklch(0.681 0.064 108);
}Tailwind CSS v4
@theme {
--color-domain: #9c9c6e;
--color-domain-50: #f6f7e3;
--color-domain-100: #e9ead2;
--color-domain-200: #d5d7b8;
--color-domain-300: #b9bb95;
--color-domain-400: #a2a276;
--color-domain-500: #8a8a57;
--color-domain-600: #75744a;
--color-domain-700: #5d5d3b;
--color-domain-800: #45442a;
--color-domain-900: #302f1c;
--color-domain-950: #1c1b0c;
}SCSS
$domain: #9c9c6e;
$domain-rgb: 156, 156, 110;
$domain-light: mix(#fff, $domain, 20%);
$domain-dark: mix(#000, $domain, 20%);
.element {
color: $domain;
box-shadow: 0 0 0 2px rgba($domain, 0.35);
}