Benannte Farbe · #1BA169
Biel-Tan Green
Biel-Tan Green ist #1BA169: rgb(27 161 105), hsl(155 71% 37%), oklch(0.628 0.138 158.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Biel-Tan Green color name →
#1BA169
oklch(0.628 0.138 158.9)
Farbumrechnungen
- HEX
- #1ba169
- RGB
- rgb(27 161 105)
- HSL
- hsl(155 71% 37%)
- HWB
- hwb(155 11% 37%)
- OKLCH
- oklch(0.628 0.138 158.9)
- OKLab
- oklab(0.628 -0.129 0.05)
- CIE Lab
- lab(58.65 -45.72 19.15)
- LCH
- lch(58.65 49.57 157.3)
- CMYK
- cmyk(83% 0% 35% 37%)
Tints · Shades · Tones
Tints
- 41AB77
- 5CB486
- 72BE94
- 88C7A3
- 9CD0B2
- B0DAC1
- C4E3D0
- D8ECE0
- EBF6EF
Shades
- 168B5A
- 11764C
- 0C623E
- 084E31
- 053C24
- 022A18
- 01190C
- 000904
- 000100
Tones
- 329E6C
- 419B6E
- 4D9871
- 579573
- 5F9175
- 678E77
- 6E8B7A
- 74877C
- 7A847E
Farbharmonien
Komplementär +180°
- 1BA169
Biel-Tan Green
- BD64A4
≈ Young Purple
Analog -30° +30°
- 1BA169
Biel-Tan Green
- 6E9833
≈ Hidden Valley
- 009D96
≈ Caribbean Turquoise
Triadisch +120° +240°
- 1BA169
Biel-Tan Green
- 787DDA
≈ Tanzine
- CD6745
≈ Terracotta
Geteilt komplementär +150° +210°
- 1BA169
Biel-Tan Green
- A16FC7
≈ Rich Lavender
- CD6177
≈ Cherry Fruit
Tetradisch +90° +180° +270°
- 1BA169
Biel-Tan Green
- 3A8DD7
≈ Magical Merlin
- BD64A4
≈ Young Purple
- BD7600
≈ Cassandra’s Curse
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.30:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.34:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.34:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--biel-tan-green: #1ba169;
--biel-tan-green-rgb: 27 161 105;
--biel-tan-green-oklch: oklch(0.628 0.138 158.9);
}
.element {
color: var(--biel-tan-green);
background-color: hsl(155 71% 37%);
border-color: oklch(0.628 0.138 158.9);
}Tailwind CSS v4
@theme {
--color-biel-tan-green: #1ba169;
--color-biel-tan-green-50: #d4ffe8;
--color-biel-tan-green-100: #c0f7d9;
--color-biel-tan-green-200: #9fe7c1;
--color-biel-tan-green-300: #72cda0;
--color-biel-tan-green-400: #46b780;
--color-biel-tan-green-500: #00a163;
--color-biel-tan-green-600: #008854;
--color-biel-tan-green-700: #006d43;
--color-biel-tan-green-800: #02502e;
--color-biel-tan-green-900: #03381f;
--color-biel-tan-green-950: #00220f;
}SCSS
$biel-tan-green: #1ba169;
$biel-tan-green-rgb: 27, 161, 105;
$biel-tan-green-light: mix(#fff, $biel-tan-green, 20%);
$biel-tan-green-dark: mix(#000, $biel-tan-green, 20%);
.element {
color: $biel-tan-green;
box-shadow: 0 0 0 2px rgba($biel-tan-green, 0.35);
}