Couleur nommée la plus proche · #D5F7E8
#D5F7E8
Couleur nommée la plus proche: Minty Fresh
#D5F7E8 (rgb(213 247 232), hsl(154 68% 90%), oklch(0.948 0.041 167.1)) est la plus proche de la couleur nommée Minty Fresh. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#D5F7E8
oklch(0.948 0.041 167.1)
Conversions de couleur
- HEX
- #d5f7e8
- RGB
- rgb(213 247 232)
- HSL
- hsl(154 68% 90%)
- HWB
- hwb(154 84% 3%)
- OKLCH
- oklch(0.948 0.041 167.1)
- OKLab
- oklab(0.948 -0.04 0.009)
- CIE Lab
- lab(94.47 -13.54 3.34)
- LCH
- lch(94.47 13.95 166.1)
- CMYK
- cmyk(14% 0% 6% 3%)
Teintes · Ombres · Tons
Teintes
- D9F8EA
- DEF9ED
- E2F9EF
- E6FAF1
- EAFBF3
- EEFCF6
- F3FDF8
- F7FDFA
- FBFEFD
Ombres
- B9D7CA
- 9EB7AC
- 839990
- 6A7C74
- 516059
- 3A4540
- 242C29
- 101513
- 020303
Tons
- CCEBDD
- C4DED2
- BBD2C8
- B2C6BD
- AABAB3
- A1AEA8
- 99A29E
- 919794
- 888B8A
Harmonies de couleurs
Complémentaire +180°
- D5F7E8
Minty Fresh
- FFE6F2
≈ Cherubic
Analogue -30° +30°
- D5F7E8
Minty Fresh
- E1F5DA
≈ Light Fresh Lime
- CFF7F7
≈ Tinted Ice
Triadique +120° +240°
- D5F7E8
Minty Fresh
- ECEBFF
≈ Placebo Purple
- FFE8DE
≈ Chablis
Complémentaire divisée +150° +210°
- D5F7E8
Minty Fresh
- F8E6FF
≈ Soft Lavender
- FFE7E7
≈ Vanilla Strawberry
Tétradique +90° +180° +270°
- D5F7E8
Minty Fresh
- E3EFFF
≈ Brilliant White
- FFE6F2
≈ Cherubic
- FDEBD0
≈ Popcorn Ball
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.14:1 · APCA Lc 0
Ag
AAASur noir
WCAG 18.29:1 · APCA Lc 98
Meilleure couleur de texte: #000000
WCAG 18.29:1 (AAA) · APCA Lc 98
Contrast pairs
Extraits de code
CSS
:root {
--minty-fresh: #d5f7e8;
--minty-fresh-rgb: 213 247 232;
--minty-fresh-oklch: oklch(0.948 0.041 167.1);
}
.element {
color: var(--minty-fresh);
background-color: hsl(154 68% 90%);
border-color: oklch(0.948 0.041 167.1);
}Tailwind CSS v4
@theme {
--color-minty-fresh: #d5f7e8;
--color-minty-fresh-50: #ebf9f3;
--color-minty-fresh-100: #dcede5;
--color-minty-fresh-200: #c4dad1;
--color-minty-fresh-300: #a4beb4;
--color-minty-fresh-400: #88a799;
--color-minty-fresh-500: #6d8f80;
--color-minty-fresh-600: #5c796d;
--color-minty-fresh-700: #496157;
--color-minty-fresh-800: #35473f;
--color-minty-fresh-900: #24312b;
--color-minty-fresh-950: #131d19;
}SCSS
$minty-fresh: #d5f7e8;
$minty-fresh-rgb: 213, 247, 232;
$minty-fresh-light: mix(#fff, $minty-fresh, 20%);
$minty-fresh-dark: mix(#000, $minty-fresh, 20%);
.element {
color: $minty-fresh;
box-shadow: 0 0 0 2px rgba($minty-fresh, 0.35);
}