Nazwany kolor · #C6E5CA
Wintergreen Mint
Wintergreen Mint to #C6E5CA: rgb(198 229 202), hsl(128 37% 84%), oklch(0.892 0.049 148.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Wintergreen Mint color name →
#C6E5CA
oklch(0.892 0.049 148.8)
Konwersje koloru
- HEX
- #c6e5ca
- RGB
- rgb(198 229 202)
- HSL
- hsl(128 37% 84%)
- HWB
- hwb(128 78% 10%)
- OKLCH
- oklch(0.892 0.049 148.8)
- OKLab
- oklab(0.892 -0.042 0.025)
- CIE Lab
- lab(88.12 -14.36 9.63)
- LCH
- lch(88.12 17.29 146.1)
- CMYK
- cmyk(14% 0% 12% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CCE8CF
- D1EAD5
- D7EDDA
- DDEFDF
- E3F2E4
- E8F5EA
- EEF7EF
- F4FAF4
- F9FCFA
Odcienie ciemniejsze
- ACC7AF
- 92AA95
- 7A8E7C
- 627264
- 4B584D
- 353F37
- 212822
- 0E120F
- 020302
Tony
- BFDAC2
- B8D0BB
- B1C6B3
- AABBAC
- A3B1A4
- 9CA79D
- 959D96
- 8E938E
- 878A87
Harmonie kolorów
Komplementarna +180°
- C6E5CA
Wintergreen Mint
- EED0EC
≈ Lavender Princess
Analogowa -30° +30°
- C6E5CA
Wintergreen Mint
- D7E1BC
≈ Cardamom Fragrance
- B9E7DC
≈ Ice Cap Green
Triada +120° +240°
- C6E5CA
Wintergreen Mint
- CEDBFD
≈ Icy Plains
- FAD0C9
≈ Snow Pa
Komplementarna rozszczepiona +150° +210°
- C6E5CA
Wintergreen Mint
- DFD5F8
≈ Japan Blush
- F8CFDB
≈ April Blush
Tetrada +90° +180° +270°
- C6E5CA
Wintergreen Mint
- BFE1F9
≈ Arctic Paradise
- EED0EC
≈ Lavender Princess
- F5D4BC
≈ Canter Peach
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.35:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.46:1 · APCA Lc 86
Najlepszy kolor tekstu: #000000
WCAG 15.46:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--wintergreen-mint: #c6e5ca;
--wintergreen-mint-rgb: 198 229 202;
--wintergreen-mint-oklch: oklch(0.892 0.049 148.8);
}
.element {
color: var(--wintergreen-mint);
background-color: hsl(128 37% 84%);
border-color: oklch(0.892 0.049 148.8);
}Tailwind CSS v4
@theme {
--color-wintergreen-mint: #c6e5ca;
--color-wintergreen-mint-50: #ecf9ee;
--color-wintergreen-mint-100: #ddede0;
--color-wintergreen-mint-200: #c6dbca;
--color-wintergreen-mint-300: #a6bfab;
--color-wintergreen-mint-400: #8ba78f;
--color-wintergreen-mint-500: #709074;
--color-wintergreen-mint-600: #5f7963;
--color-wintergreen-mint-700: #4c614f;
--color-wintergreen-mint-800: #374739;
--color-wintergreen-mint-900: #263127;
--color-wintergreen-mint-950: #141d15;
}SCSS
$wintergreen-mint: #c6e5ca;
$wintergreen-mint-rgb: 198, 229, 202;
$wintergreen-mint-light: mix(#fff, $wintergreen-mint, 20%);
$wintergreen-mint-dark: mix(#000, $wintergreen-mint, 20%);
.element {
color: $wintergreen-mint;
box-shadow: 0 0 0 2px rgba($wintergreen-mint, 0.35);
}