Colore con nome · #E6F9F1
Soft Mint
Soft Mint è #E6F9F1: rgb(230 249 241), hsl(155 61% 94%), oklch(0.966 0.023 168.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Soft Mint color name →
#E6F9F1
oklch(0.966 0.023 168.7)
Conversioni di colore
- HEX
- #e6f9f1
- RGB
- rgb(230 249 241)
- HSL
- hsl(155 61% 94%)
- HWB
- hwb(155 90% 2%)
- OKLCH
- oklch(0.966 0.023 168.7)
- OKLab
- oklab(0.966 -0.022 0.004)
- CIE Lab
- lab(96.35 -7.54 1.61)
- LCH
- lch(96.35 7.71 168)
- CMYK
- cmyk(8% 0% 3% 2%)
Tinte · Ombre · Toni
Tinte
- E9FAF2
- EBFAF4
- EEFBF5
- F0FBF7
- F3FCF8
- F5FDF9
- F8FDFB
- FAFEFC
- FDFEFE
Ombre
- C8D9D2
- ABB9B3
- 8E9A95
- 737D79
- 59615D
- 404643
- 282C2B
- 131514
- 030303
Toni
- DBECE5
- D1E0D9
- C6D3CE
- BCC7C2
- B2BBB7
- A8AFAC
- 9EA3A0
- 949796
- 8A8B8B
Armonie di colore
Complementare +180°
- E6F9F1
Soft Mint
- FFEFF6
≈ Lavender Blush
Analogo -30° +30°
- E6F9F1
Soft Mint
- ECF8E9
≈ Panache
- E3F9F9
≈ Calm Waters
Triadico +120° +240°
- E6F9F1
Soft Mint
- F3F2FF
≈ Cloud Break
- FFF0E9
≈ Strawberry Dust
Complementare divisa +150° +210°
- E6F9F1
Soft Mint
- FBEFFE
≈ Lovely Euphoric Delight
- FFF0EF
≈ Sefid White
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.09:1 · APCA Lc 0
Ag
AAASu nero
WCAG 19.18:1 · APCA Lc 101
Miglior colore del testo: #000000
WCAG 19.18:1 (AAA) · APCA Lc 101
Contrast pairs
Frammenti di codice
CSS
:root {
--soft-mint: #e6f9f1;
--soft-mint-rgb: 230 249 241;
--soft-mint-oklch: oklch(0.966 0.023 168.7);
}
.element {
color: var(--soft-mint);
background-color: hsl(155 61% 94%);
border-color: oklch(0.966 0.023 168.7);
}Tailwind CSS v4
@theme {
--color-soft-mint: #e6f9f1;
--color-soft-mint-50: #eff7f4;
--color-soft-mint-100: #e1eae7;
--color-soft-mint-200: #cbd7d3;
--color-soft-mint-300: #adbbb6;
--color-soft-mint-400: #92a39c;
--color-soft-mint-500: #788b83;
--color-soft-mint-600: #66766f;
--color-soft-mint-700: #515e59;
--color-soft-mint-800: #3b4541;
--color-soft-mint-900: #29302d;
--color-soft-mint-950: #171c1a;
}SCSS
$soft-mint: #e6f9f1;
$soft-mint-rgb: 230, 249, 241;
$soft-mint-light: mix(#fff, $soft-mint, 20%);
$soft-mint-dark: mix(#000, $soft-mint, 20%);
.element {
color: $soft-mint;
box-shadow: 0 0 0 2px rgba($soft-mint, 0.35);
}