Cor nomeada mais próxima · #D9E9E3
#D9E9E3
Cor nomeada mais próxima: Tropical Dream
#D9E9E3 (rgb(217 233 227), hsl(157 27% 88%), oklch(0.92 0.019 171.5)) é mais próxima da cor nomeada Tropical Dream. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#D9E9E3
oklch(0.92 0.019 171.5)
Conversões de cor
- HEX
- #d9e9e3
- RGB
- rgb(217 233 227)
- HSL
- hsl(157 27% 88%)
- HWB
- hwb(157 85% 9%)
- OKLCH
- oklch(0.92 0.019 171.5)
- OKLab
- oklab(0.92 -0.019 0.003)
- CIE Lab
- lab(91.01 -6.33 1)
- LCH
- lch(91.01 6.41 171)
- CMYK
- cmyk(7% 0% 3% 9%)
Tons claros · Sombras · Tons
Tons claros
- DDEBE6
- E1EDE9
- E4F0EB
- E8F2EE
- ECF4F1
- F0F6F4
- F4F8F7
- F7FBF9
- FBFDFC
Sombras
- BCCBC5
- A1ADA8
- 86908C
- 6C7471
- 535A57
- 3B413F
- 252927
- 111312
- 020303
Tons
- D0DED9
- C7D3CE
- BDC8C4
- B4BEBA
- ABB3B0
- A3A9A6
- 9A9E9D
- 919493
- 898A89
Harmonias de cor
Complementar +180°
- D9E9E3
Tropical Dream
- EFE0E6
≈ Dwindling Damon
Análoga -30° +30°
- D9E9E3
Tropical Dream
- DEE8DC
≈ December Forest
- D7E9EA
≈ Boiling Point
Tríade +120° +240°
- D9E9E3
Tropical Dream
- E4E3F1
≈ Farsighted
- F0E2DA
≈ Liberia
Complementar dividida +150° +210°
- D9E9E3
Tropical Dream
- EBE1EC
≈ Heaven Sent
- F1E0DF
≈ Verbena
Tétrade +90° +180° +270°
- D9E9E3
Tropical Dream
- DEE5F2
≈ Crystal Falls
- EFE0E6
≈ Dwindling Damon
- EBE4D7
≈ Screech Owl
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.25:1 · APCA Lc 13
Ag
AAASobre preto
WCAG 16.71:1 · APCA Lc 91
Melhor cor de texto: #000000
WCAG 16.71:1 (AAA) · APCA Lc 91
Contrast pairs
Trechos de código
CSS
:root {
--tropical-dream: #d9e9e3;
--tropical-dream-rgb: 217 233 227;
--tropical-dream-oklch: oklch(0.92 0.019 171.5);
}
.element {
color: var(--tropical-dream);
background-color: hsl(157 27% 88%);
border-color: oklch(0.92 0.019 171.5);
}Tailwind CSS v4
@theme {
--color-tropical-dream: #d9e9e3;
--color-tropical-dream-50: #f0f7f5;
--color-tropical-dream-100: #e2eae7;
--color-tropical-dream-200: #cdd7d3;
--color-tropical-dream-300: #aebbb6;
--color-tropical-dream-400: #94a29d;
--color-tropical-dream-500: #7a8a84;
--color-tropical-dream-600: #687570;
--color-tropical-dream-700: #535e5a;
--color-tropical-dream-800: #3c4541;
--color-tropical-dream-900: #292f2d;
--color-tropical-dream-950: #171c1a;
}SCSS
$tropical-dream: #d9e9e3;
$tropical-dream-rgb: 217, 233, 227;
$tropical-dream-light: mix(#fff, $tropical-dream, 20%);
$tropical-dream-dark: mix(#000, $tropical-dream, 20%);
.element {
color: $tropical-dream;
box-shadow: 0 0 0 2px rgba($tropical-dream, 0.35);
}