Nazwany kolor · #E6E8C5
More Mint
More Mint to #E6E8C5: rgb(230 232 197), hsl(63 43% 84%), oklch(0.92 0.046 110). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · More Mint color name →
#E6E8C5
oklch(0.92 0.046 110)
Konwersje koloru
- HEX
- #e6e8c5
- RGB
- rgb(230 232 197)
- HSL
- hsl(63 43% 84%)
- HWB
- hwb(63 77% 9%)
- OKLCH
- oklch(0.92 0.046 110)
- OKLab
- oklab(0.92 -0.016 0.043)
- CIE Lab
- lab(91.16 -5.02 16.87)
- LCH
- lch(91.16 17.6 106.6)
- CMYK
- cmyk(1% 0% 15% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E8EACB
- EBEDD1
- EDEFD6
- F0F1DC
- F2F4E2
- F5F6E8
- F7F8EE
- FAFAF3
- FCFDF9
Odcienie ciemniejsze
- C8CAAB
- ABAC92
- 8E9079
- 737461
- 59594B
- 404035
- 282921
- 13130E
- 030302
Tony
- DBDDBE
- D1D2B7
- C6C8B0
- BCBDA9
- B2B3A2
- A7A89B
- 9D9E94
- 93948E
- 8A8A87
Harmonie kolorów
Komplementarna +180°
- E6E8C5
More Mint
- E4E1FF
≈ Stoic White
Analogowa -30° +30°
- E6E8C5
More Mint
- F5E2C3
≈ Cameo Cream
- D5EDD0
≈ Lantana Lime
Triada +120° +240°
- E6E8C5
More Mint
- C6EBFE
≈ Blue Java Banana
- FED9E9
≈ Strawberry Milk
Komplementarna rozszczepiona +150° +210°
- E6E8C5
More Mint
- D6E6FF
≈ Veiling Waterfalls
- F3DBF8
≈ Grape Taffy
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.25:1 · APCA Lc 13
Ag
AAANa czerni
WCAG 16.71:1 · APCA Lc 91
Najlepszy kolor tekstu: #000000
WCAG 16.71:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--more-mint: #e6e8c5;
--more-mint-rgb: 230 232 197;
--more-mint-oklch: oklch(0.92 0.046 110);
}
.element {
color: var(--more-mint);
background-color: hsl(63 43% 84%);
border-color: oklch(0.92 0.046 110);
}Tailwind CSS v4
@theme {
--color-more-mint: #e6e8c5;
--color-more-mint-50: #f5f7e8;
--color-more-mint-100: #e8ead8;
--color-more-mint-200: #d4d7c0;
--color-more-mint-300: #b7ba9f;
--color-more-mint-400: #a0a182;
--color-more-mint-500: #888966;
--color-more-mint-600: #737456;
--color-more-mint-700: #5c5d45;
--color-more-mint-800: #444431;
--color-more-mint-900: #2f2f21;
--color-more-mint-950: #1b1b11;
}SCSS
$more-mint: #e6e8c5;
$more-mint-rgb: 230, 232, 197;
$more-mint-light: mix(#fff, $more-mint, 20%);
$more-mint-dark: mix(#000, $more-mint, 20%);
.element {
color: $more-mint;
box-shadow: 0 0 0 2px rgba($more-mint, 0.35);
}