Benannte Farbe · #B1D9C4
Mint Gala
Mint Gala ist #B1D9C4: rgb(177 217 196), hsl(149 34% 77%), oklch(0.851 0.051 162.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Mint Gala color name →
#B1D9C4
oklch(0.851 0.051 162.2)
Farbumrechnungen
- HEX
- #b1d9c4
- RGB
- rgb(177 217 196)
- HSL
- hsl(149 34% 77%)
- HWB
- hwb(149 69% 15%)
- OKLCH
- oklch(0.851 0.051 162.2)
- OKLab
- oklab(0.851 -0.049 0.016)
- CIE Lab
- lab(83.37 -16.73 5.82)
- LCH
- lch(83.37 17.72 160.8)
- CMYK
- cmyk(18% 0% 10% 15%)
Tints · Shades · Tones
Tints
- B9DDCA
- C1E1D0
- C9E4D5
- D0E8DB
- D8ECE1
- E0F0E7
- E8F4ED
- EFF7F3
- F7FBF9
Shades
- 99BCAA
- 83A191
- 6C8678
- 576C61
- 42534A
- 2F3B35
- 1C2521
- 0C110E
- 010202
Tones
- ACD0BD
- A7C7B6
- A2BEAF
- 9EB4A8
- 99ACA1
- 94A39B
- 8F9A94
- 8A918D
- 858987
Farbharmonien
Komplementär +180°
- B1D9C4
Mint Gala
- E7C1D7
≈ Dog Rose
Analog -30° +30°
- B1D9C4
Mint Gala
- C2D6B3
≈ Meadow Grass
- A8D9D7
≈ Aqua Island
Triadisch +120° +240°
- B1D9C4
Mint Gala
- C8CBEF
≈ Miami White
- ECC4B4
≈ Fatty Sashimi
Geteilt komplementär +150° +210°
- B1D9C4
Mint Gala
- D9C5E7
≈ Foggy Love
- EDC1C5
≈ Cafe Pink
Tetradisch +90° +180° +270°
- B1D9C4
Mint Gala
- B7D1EF
≈ Frost Fairy
- E7C1D7
≈ Dog Rose
- E3C9AA
≈ Craft Juggler
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.54:1 · APCA Lc 25
Ag
AAAAuf Schwarz
WCAG 13.59:1 · APCA Lc 78
Beste Textfarbe: #000000
WCAG 13.59:1 (AAA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--mint-gala: #b1d9c4;
--mint-gala-rgb: 177 217 196;
--mint-gala-oklch: oklch(0.851 0.051 162.2);
}
.element {
color: var(--mint-gala);
background-color: hsl(149 34% 77%);
border-color: oklch(0.851 0.051 162.2);
}Tailwind CSS v4
@theme {
--color-mint-gala: #b1d9c4;
--color-mint-gala-50: #e9faf1;
--color-mint-gala-100: #d9eee3;
--color-mint-gala-200: #c1dcce;
--color-mint-gala-300: #a0c0b0;
--color-mint-gala-400: #84a895;
--color-mint-gala-500: #67917c;
--color-mint-gala-600: #587b69;
--color-mint-gala-700: #466254;
--color-mint-gala-800: #33483c;
--color-mint-gala-900: #233229;
--color-mint-gala-950: #121e17;
}SCSS
$mint-gala: #b1d9c4;
$mint-gala-rgb: 177, 217, 196;
$mint-gala-light: mix(#fff, $mint-gala, 20%);
$mint-gala-dark: mix(#000, $mint-gala, 20%);
.element {
color: $mint-gala;
box-shadow: 0 0 0 2px rgba($mint-gala, 0.35);
}