Colore con nome · #D5E3D0
Sweet Mint Tea
Sweet Mint Tea è #D5E3D0: rgb(213 227 208), hsl(104 25% 85%), oklch(0.9 0.03 137.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sweet Mint Tea color name →
#D5E3D0
oklch(0.9 0.03 137.4)
Conversioni di colore
- HEX
- #d5e3d0
- RGB
- rgb(213 227 208)
- HSL
- hsl(104 25% 85%)
- HWB
- hwb(104 82% 11%)
- OKLCH
- oklch(0.9 0.03 137.4)
- OKLab
- oklab(0.9 -0.022 0.02)
- CIE Lab
- lab(88.78 -7.41 7.63)
- LCH
- lch(88.78 10.63 134.2)
- CMYK
- cmyk(6% 0% 8% 11%)
Tinte · Ombre · Toni
Tinte
- D9E6D5
- DDE9D9
- E1EBDE
- E6EEE3
- EAF1E7
- EEF4EC
- F2F7F1
- F7F9F6
- FBFCFA
Ombre
- B9C5B5
- 9EA89A
- 838C80
- 6A7167
- 51574F
- 3A3F39
- 242723
- 101210
- 020302
Toni
- CCD9C8
- C3CEBF
- BBC4B7
- B2BAAF
- AAB0A7
- A1A69F
- 999D97
- 90938F
- 888988
Armonie di colore
Complementare +180°
- D5E3D0
Sweet Mint Tea
- E6D8EB
≈ Pale Grey Magenta
Analogo -30° +30°
- D5E3D0
Sweet Mint Tea
- E0E0CA
≈ Vintage Beige
- CCE5DA
≈ Mint Whisper
Triadico +120° +240°
- D5E3D0
Sweet Mint Tea
- D2DFF2
≈ Puffy Cloud
- F1D7D7
≈ Light Petite Pink
Complementare divisa +150° +210°
- D5E3D0
Sweet Mint Tea
- DCDBF1
≈ Chinese Silver
- EED7E2
≈ Rosa Bonito
Tetradico +90° +180° +270°
- D5E3D0
Sweet Mint Tea
- CBE2EE
≈ Atlantic Breeze
- E6D8EB
≈ Pale Grey Magenta
- F0D9CE
≈ Peach Dust
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.33:1 · APCA Lc 17
Ag
AAASu nero
WCAG 15.72:1 · APCA Lc 87
Miglior colore del testo: #000000
WCAG 15.72:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--sweet-mint-tea: #d5e3d0;
--sweet-mint-tea-rgb: 213 227 208;
--sweet-mint-tea-oklch: oklch(0.9 0.03 137.4);
}
.element {
color: var(--sweet-mint-tea);
background-color: hsl(104 25% 85%);
border-color: oklch(0.9 0.03 137.4);
}Tailwind CSS v4
@theme {
--color-sweet-mint-tea: #d5e3d0;
--color-sweet-mint-tea-50: #f1f7ef;
--color-sweet-mint-tea-100: #e3eae1;
--color-sweet-mint-tea-200: #ced7cc;
--color-sweet-mint-tea-300: #b0bbad;
--color-sweet-mint-tea-400: #96a392;
--color-sweet-mint-tea-500: #7d8b78;
--color-sweet-mint-tea-600: #6a7666;
--color-sweet-mint-tea-700: #555e51;
--color-sweet-mint-tea-800: #3e453b;
--color-sweet-mint-tea-900: #2b3028;
--color-sweet-mint-tea-950: #181c16;
}SCSS
$sweet-mint-tea: #d5e3d0;
$sweet-mint-tea-rgb: 213, 227, 208;
$sweet-mint-tea-light: mix(#fff, $sweet-mint-tea, 20%);
$sweet-mint-tea-dark: mix(#000, $sweet-mint-tea, 20%);
.element {
color: $sweet-mint-tea;
box-shadow: 0 0 0 2px rgba($sweet-mint-tea, 0.35);
}