Benannte Farbe · #8DA936
Beautiful Mint
Beautiful Mint ist #8DA936: rgb(141 169 54), hsl(75 52% 44%), oklch(0.691 0.143 122.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Beautiful Mint color name →
#8DA936
oklch(0.691 0.143 122.1)
Farbumrechnungen
- HEX
- #8da936
- RGB
- rgb(141 169 54)
- HSL
- hsl(75 52% 44%)
- HWB
- hwb(75 21% 34%)
- OKLCH
- oklch(0.691 0.143 122.1)
- OKLab
- oklab(0.691 -0.076 0.121)
- CIE Lab
- lab(65.43 -22.18 53.12)
- LCH
- lch(65.43 57.57 112.7)
- CMYK
- cmyk(17% 0% 68% 34%)
Tints · Shades · Tones
Tints
- 98B24F
- A3BA65
- AEC37A
- B9CC8D
- C4D4A0
- D0DDB3
- DBE5C6
- E7EED9
- F3F7EC
Shades
- 7A922E
- 677C25
- 55671E
- 445316
- 333F0F
- 232C08
- 141B03
- 070A01
- 010100
Tones
- 8CA542
- 8AA14C
- 899D55
- 88995D
- 869564
- 85916A
- 848D70
- 828976
- 81847B
Farbharmonien
Komplementär +180°
- 8DA936
Beautiful Mint
- AD84E5
≈ Lavender Blossom
Analog -30° +30°
- 8DA936
Beautiful Mint
- BB9800
≈ Hidden Tribe
- 49B46E
≈ Midori Green
Triadisch +120° +240°
- 8DA936
Beautiful Mint
- 36A5EC
≈ Rockman Blue
- E27295
≈ Loveland
Geteilt komplementär +150° +210°
- 8DA936
Beautiful Mint
- 7D94F4
≈ Periwinkle Blue
- CE78C3
≈ Purple Kush
Tetradisch +90° +180° +270°
- 8DA936
Beautiful Mint
- 00AFC7
≈ Havasupai Falls
- AD84E5
≈ Lavender Blossom
- E67661
≈ Annular
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 {
--beautiful-mint: #8da936;
--beautiful-mint-rgb: 141 169 54;
--beautiful-mint-oklch: oklch(0.691 0.143 122.1);
}
.element {
color: var(--beautiful-mint);
background-color: hsl(75 52% 44%);
border-color: oklch(0.691 0.143 122.1);
}Tailwind CSS v4
@theme {
--color-beautiful-mint: #8da936;
--color-beautiful-mint-50: #ecfdd0;
--color-beautiful-mint-100: #def1bc;
--color-beautiful-mint-200: #c7df9b;
--color-beautiful-mint-300: #a8c470;
--color-beautiful-mint-400: #90ab41;
--color-beautiful-mint-500: #779400;
--color-beautiful-mint-600: #657d00;
--color-beautiful-mint-700: #506400;
--color-beautiful-mint-800: #3c4900;
--color-beautiful-mint-900: #293300;
--color-beautiful-mint-950: #171e00;
}SCSS
$beautiful-mint: #8da936;
$beautiful-mint-rgb: 141, 169, 54;
$beautiful-mint-light: mix(#fff, $beautiful-mint, 20%);
$beautiful-mint-dark: mix(#000, $beautiful-mint, 20%);
.element {
color: $beautiful-mint;
box-shadow: 0 0 0 2px rgba($beautiful-mint, 0.35);
}