Benannte Farbe · #9AA099
Native Flora
Native Flora ist #9AA099: rgb(154 160 153), hsl(111 4% 61%), oklch(0.699 0.012 141.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Native Flora color name →
#9AA099
oklch(0.699 0.012 141.2)
Farbumrechnungen
- HEX
- #9aa099
- RGB
- rgb(154 160 153)
- HSL
- hsl(111 4% 61%)
- HWB
- hwb(111 60% 37%)
- OKLCH
- oklch(0.699 0.012 141.2)
- OKLab
- oklab(0.699 -0.009 0.008)
- CIE Lab
- lab(65.22 -3.23 2.88)
- LCH
- lch(65.22 4.33 138.3)
- CMYK
- cmyk(4% 0% 4% 37%)
Tints · Shades · Tones
Tints
- A4A9A3
- ADB2AD
- B7BCB7
- C1C5C1
- CBCECB
- D5D8D5
- E0E2DF
- EAEBEA
- F4F5F4
Shades
- 858B84
- 717670
- 5E615D
- 4B4E4A
- 393B38
- 272927
- 171917
- 090908
- 010101
Tones
- 979D96
- 959A94
- 929691
- 90938F
- 8D908C
- 8A8D8A
- 888987
- 858685
- 838382
Farbharmonien
Komplementär +180°
- 9AA099
Native Flora
- A29CA3
≈ Art Nouveau Glass
Analog -30° +30°
- 9AA099
Native Flora
- 9E9F96
≈ Wet Pavement
- 97A19D
≈ Dusty Dream
Triadisch +120° +240°
- 9AA099
Native Flora
- 9A9EA6
≈ Shining Knight
- A69B9B
≈ Boiling Mud
Geteilt komplementär +150° +210°
- 9AA099
Native Flora
- 9E9DA5
≈ Silver Sconce
- A49B9F
≈ Art Nouveau Glass
Tetradisch +90° +180° +270°
- 9AA099
Native Flora
- 97A0A4
≈ UFO
- A29CA3
≈ Art Nouveau Glass
- A59C97
≈ Smoked Mauve
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.67:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.86:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.86:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--native-flora: #9aa099;
--native-flora-rgb: 154 160 153;
--native-flora-oklch: oklch(0.699 0.012 141.2);
}
.element {
color: var(--native-flora);
background-color: hsl(111 4% 61%);
border-color: oklch(0.699 0.012 141.2);
}Tailwind CSS v4
@theme {
--color-native-flora: #9aa099;
--color-native-flora-50: #f3f6f3;
--color-native-flora-100: #e5e9e5;
--color-native-flora-200: #d1d6d1;
--color-native-flora-300: #b4b9b3;
--color-native-flora-400: #9ba09a;
--color-native-flora-500: #828881;
--color-native-flora-600: #6e736d;
--color-native-flora-700: #585c57;
--color-native-flora-800: #40433f;
--color-native-flora-900: #2c2f2c;
--color-native-flora-950: #191b19;
}SCSS
$native-flora: #9aa099;
$native-flora-rgb: 154, 160, 153;
$native-flora-light: mix(#fff, $native-flora, 20%);
$native-flora-dark: mix(#000, $native-flora, 20%);
.element {
color: $native-flora;
box-shadow: 0 0 0 2px rgba($native-flora, 0.35);
}