Colore con nome · #CED9C4
Garden Mint
Garden Mint è #CED9C4: rgb(206 217 196), hsl(91 22% 81%), oklch(0.871 0.031 129.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Garden Mint color name →
#CED9C4
oklch(0.871 0.031 129.8)
Conversioni di colore
- HEX
- #ced9c4
- RGB
- rgb(206 217 196)
- HSL
- hsl(91 22% 81%)
- HWB
- hwb(91 77% 15%)
- OKLCH
- oklch(0.871 0.031 129.8)
- OKLab
- oklab(0.871 -0.02 0.024)
- CIE Lab
- lab(85.41 -6.66 9.04)
- LCH
- lch(85.41 11.23 126.4)
- CMYK
- cmyk(5% 0% 10% 15%)
Tinte · Ombre · Toni
Tinte
- D3DDCA
- D8E1D0
- DDE4D5
- E1E8DB
- E6ECE1
- EBF0E7
- F0F4ED
- F5F7F3
- FAFBF9
Ombre
- B3BCAA
- 98A191
- 7F8678
- 666C61
- 4E534A
- 383B35
- 232521
- 0F110E
- 020202
Toni
- C6D0BD
- BEC7B6
- B6BDAF
- AEB4A8
- A6ABA1
- 9EA39B
- 979A94
- 8F918D
- 878987
Armonie di colore
Complementare +180°
- CED9C4
Garden Mint
- DBCFE4
≈ Mountain’s Majesty
Analogo -30° +30°
- CED9C4
Garden Mint
- D9D5BF
≈ White Moss
- C4DBCE
≈ Micaceous Green
Triadico +120° +240°
- CED9C4
Garden Mint
- C6D7E9
≈ Snowy Summit
- E8CDD0
≈ Mauve Morn
Complementare divisa +150° +210°
- CED9C4
Garden Mint
- D0D3E9
≈ Artistic Violet
- E3CDDB
≈ Naughty Marietta
Tetradico +90° +180° +270°
- CED9C4
Garden Mint
- BFDAE3
≈ Getting Wet
- DBCFE4
≈ Mountain’s Majesty
- E8CEC6
≈ Mosaic Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.46:1 · APCA Lc 22
Ag
AAASu nero
WCAG 14.34:1 · APCA Lc 81
Miglior colore del testo: #000000
WCAG 14.34:1 (AAA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--garden-mint: #ced9c4;
--garden-mint-rgb: 206 217 196;
--garden-mint-oklch: oklch(0.871 0.031 129.8);
}
.element {
color: var(--garden-mint);
background-color: hsl(91 22% 81%);
border-color: oklch(0.871 0.031 129.8);
}Tailwind CSS v4
@theme {
--color-garden-mint: #ced9c4;
--color-garden-mint-50: #f2f7ee;
--color-garden-mint-100: #e4eae0;
--color-garden-mint-200: #cfd7ca;
--color-garden-mint-300: #b2bbab;
--color-garden-mint-400: #98a28f;
--color-garden-mint-500: #808b75;
--color-garden-mint-600: #6c7563;
--color-garden-mint-700: #565e4f;
--color-garden-mint-800: #3f4539;
--color-garden-mint-900: #2c2f27;
--color-garden-mint-950: #191c15;
}SCSS
$garden-mint: #ced9c4;
$garden-mint-rgb: 206, 217, 196;
$garden-mint-light: mix(#fff, $garden-mint, 20%);
$garden-mint-dark: mix(#000, $garden-mint, 20%);
.element {
color: $garden-mint;
box-shadow: 0 0 0 2px rgba($garden-mint, 0.35);
}