Benannte Farbe · #8FB2A3
Chrysopal Light Green
Chrysopal Light Green ist #8FB2A3: rgb(143 178 163), hsl(154 19% 63%), oklch(0.733 0.044 167.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Chrysopal Light Green color name →
#8FB2A3
oklch(0.733 0.044 167.2)
Farbumrechnungen
- HEX
- #8fb2a3
- RGB
- rgb(143 178 163)
- HSL
- hsl(154 19% 63%)
- HWB
- hwb(154 56% 30%)
- OKLCH
- oklch(0.733 0.044 167.2)
- OKLab
- oklab(0.733 -0.043 0.01)
- CIE Lab
- lab(69.65 -14.67 3.57)
- LCH
- lch(69.65 15.1 166.3)
- CMYK
- cmyk(20% 0% 8% 30%)
Tints · Shades · Tones
Tints
- 9ABAAC
- A5C1B5
- B0C9BE
- BBD0C7
- C6D8D0
- D2E0D9
- DDE7E3
- E8EFEC
- F4F7F5
Shades
- 7C9A8D
- 698378
- 576D63
- 45574F
- 34433C
- 242F2A
- 151D19
- 070C0A
- 010101
Tones
- 8EAD9F
- 8CA89C
- 8BA398
- 8A9E95
- 889991
- 87948E
- 858F8A
- 838A87
- 828583
Farbharmonien
Komplementär +180°
- 8FB2A3
Chrysopal Light Green
- BE9EAE
≈ Fiddlesticks
Analog -30° +30°
- 8FB2A3
Chrysopal Light Green
- 9CB095
≈ Nurture Green
- 89B2B2
≈ Cold Front Green
Triadisch +120° +240°
- 8FB2A3
Chrysopal Light Green
- A6A5C4
≈ Fife
- C1A192
≈ Top Hat Tan
Geteilt komplementär +150° +210°
- 8FB2A3
Chrysopal Light Green
- B4A1BB
≈ Emanation
- C39E9F
≈ Rose Embroidery
Tetradisch +90° +180° +270°
- 8FB2A3
Chrysopal Light Green
- 98AAC5
≈ Scorpion Grass Blue
- BE9EAE
≈ Fiddlesticks
- B9A68A
≈ Harvest Brown
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.31:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 9.06:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 9.06:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
CSS
:root {
--chrysopal-light-green: #8fb2a3;
--chrysopal-light-green-rgb: 143 178 163;
--chrysopal-light-green-oklch: oklch(0.733 0.044 167.2);
}
.element {
color: var(--chrysopal-light-green);
background-color: hsl(154 19% 63%);
border-color: oklch(0.733 0.044 167.2);
}Tailwind CSS v4
@theme {
--color-chrysopal-light-green: #8fb2a3;
--color-chrysopal-light-green-50: #eaf9f3;
--color-chrysopal-light-green-100: #dbede5;
--color-chrysopal-light-green-200: #c3dbd1;
--color-chrysopal-light-green-300: #a2bfb4;
--color-chrysopal-light-green-400: #86a799;
--color-chrysopal-light-green-500: #6a9080;
--color-chrysopal-light-green-600: #5a7a6c;
--color-chrysopal-light-green-700: #486157;
--color-chrysopal-light-green-800: #34473f;
--color-chrysopal-light-green-900: #24312b;
--color-chrysopal-light-green-950: #121d18;
}SCSS
$chrysopal-light-green: #8fb2a3;
$chrysopal-light-green-rgb: 143, 178, 163;
$chrysopal-light-green-light: mix(#fff, $chrysopal-light-green, 20%);
$chrysopal-light-green-dark: mix(#000, $chrysopal-light-green, 20%);
.element {
color: $chrysopal-light-green;
box-shadow: 0 0 0 2px rgba($chrysopal-light-green, 0.35);
}