Benannte Farbe · #186E50
Precious Emerald
Precious Emerald ist #186E50: rgb(24 110 80), hsl(159 64% 26%), oklch(0.481 0.093 164.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Precious Emerald color name →
#186E50
oklch(0.481 0.093 164.5)
Farbumrechnungen
- HEX
- #186e50
- RGB
- rgb(24 110 80)
- HSL
- hsl(159 64% 26%)
- HWB
- hwb(159 9% 57%)
- OKLCH
- oklch(0.481 0.093 164.5)
- OKLab
- oklab(0.481 -0.09 0.025)
- CIE Lab
- lab(41.01 -31.79 9.35)
- LCH
- lch(41.01 33.14 163.6)
- CMYK
- cmyk(78% 0% 27% 57%)
Tints · Shades · Tones
Tints
- 367C60
- 4E8A70
- 659881
- 7BA692
- 90B5A3
- A6C3B5
- BCD2C7
- D2E1D9
- E8F0EC
Shades
- 135F44
- 0F5039
- 0A412E
- 073324
- 04261A
- 021910
- 010E07
- 000402
- 000100
Tones
- 297055
- 367259
- 42745E
- 4C7663
- 557868
- 5E796D
- 677B71
- 707D76
- 787E7B
Farbharmonien
Komplementär +180°
- 186E50
Precious Emerald
- 82476A
≈ Madder Magenta
Analog -30° +30°
- 186E50
Precious Emerald
- 476931
≈ Tree Shade
- 006C6C
≈ Mayan Blue
Triadisch +120° +240°
- 186E50
Precious Emerald
- 585690
≈ Fine Purple
- 884B2F
≈ Two Cents
Geteilt komplementär +150° +210°
- 186E50
Precious Emerald
- 714D82
≈ Lilac Violet
- 8A464D
≈ Bolero
Tetradisch +90° +180° +270°
- 186E50
Precious Emerald
- 375F91
≈ Running Water
- 82476A
≈ Madder Magenta
- 7C5514
≈ Autumn Leaf Brown
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.20:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.38:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.20:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--precious-emerald: #186e50;
--precious-emerald-rgb: 24 110 80;
--precious-emerald-oklch: oklch(0.481 0.093 164.5);
}
.element {
color: var(--precious-emerald);
background-color: hsl(159 64% 26%);
border-color: oklch(0.481 0.093 164.5);
}Tailwind CSS v4
@theme {
--color-precious-emerald: #186e50;
--color-precious-emerald-50: #ddfeef;
--color-precious-emerald-100: #ccf2e1;
--color-precious-emerald-200: #afe2cc;
--color-precious-emerald-300: #89c7ad;
--color-precious-emerald-400: #66b090;
--color-precious-emerald-500: #3f9976;
--color-precious-emerald-600: #378264;
--color-precious-emerald-700: #2c6850;
--color-precious-emerald-800: #204c39;
--color-precious-emerald-900: #153527;
--color-precious-emerald-950: #062015;
}SCSS
$precious-emerald: #186e50;
$precious-emerald-rgb: 24, 110, 80;
$precious-emerald-light: mix(#fff, $precious-emerald, 20%);
$precious-emerald-dark: mix(#000, $precious-emerald, 20%);
.element {
color: $precious-emerald;
box-shadow: 0 0 0 2px rgba($precious-emerald, 0.35);
}