Color con nombre · #D0F0C0
Maroccan Tea
Maroccan Tea es #D0F0C0: rgb(208 240 192), hsl(100 62% 85%), oklch(0.92 0.072 135.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Maroccan Tea color name →
#D0F0C0
oklch(0.92 0.072 135.2)
Conversiones de color
- HEX
- #d0f0c0
- RGB
- rgb(208 240 192)
- HSL
- hsl(100 62% 85%)
- HWB
- hwb(100 75% 6%)
- OKLCH
- oklch(0.92 0.072 135.2)
- OKLab
- oklab(0.92 -0.051 0.051)
- CIE Lab
- lab(91.55 -17.2 19.66)
- LCH
- lch(91.55 26.13 131.2)
- CMYK
- cmyk(13% 0% 20% 6%)
Tintes · Sombras · Tonos
Tintes
- D5F2C6
- D9F3CD
- DEF5D3
- E3F6D9
- E8F8E0
- ECF9E6
- F1FBEC
- F6FCF2
- FAFEF9
Sombras
- B5D1A7
- 9AB28E
- 809576
- 67785F
- 4F5D49
- 394334
- 232A20
- 10140E
- 020302
Tonos
- C8E4BA
- C0D9B3
- B7CDAD
- AFC2A6
- A7B7A0
- 9FAB99
- 97A093
- 90958D
- 888B86
Armonías de color
Complementario +180°
- D0F0C0
Maroccan Tea
- F3DAFF
≈ Lavender Savour
Análogo -30° +30°
- D0F0C0
Maroccan Tea
- EBE8B0
≈ Steamy Dumpling
- B8F4D9
≈ Seafair Green
Triádico +120° +240°
- D0F0C0
Maroccan Tea
- D4E6FF
≈ Veiling Waterfalls
- FFDADB
≈ Strawberry Blonde
Complementario dividido +150° +210°
- D0F0C0
Maroccan Tea
- E1E1FF
≈ Stoic White
- FFD7EC
≈ Sweet Sachet
Tetrádico +90° +180° +270°
- D0F0C0
Maroccan Tea
- C1EDFF
≈ Blue Java Banana
- F3DAFF
≈ Lavender Savour
- FFDCCD
≈ Glazed Sugar
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASobre negro
WCAG 16.90:1 · APCA Lc 92
Mejor color de texto: #000000
WCAG 16.90:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmentos de código
CSS
:root {
--maroccan-tea: #d0f0c0;
--maroccan-tea-rgb: 208 240 192;
--maroccan-tea-oklch: oklch(0.92 0.072 135.2);
}
.element {
color: var(--maroccan-tea);
background-color: hsl(100 62% 85%);
border-color: oklch(0.92 0.072 135.2);
}Tailwind CSS v4
@theme {
--color-maroccan-tea: #d0f0c0;
--color-maroccan-tea-50: #ecfae6;
--color-maroccan-tea-100: #ddeed7;
--color-maroccan-tea-200: #c6dcbe;
--color-maroccan-tea-300: #a6c19d;
--color-maroccan-tea-400: #8ca87e;
--color-maroccan-tea-500: #719160;
--color-maroccan-tea-600: #607b52;
--color-maroccan-tea-700: #4d6241;
--color-maroccan-tea-800: #38482e;
--color-maroccan-tea-900: #27321f;
--color-maroccan-tea-950: #151e0f;
}SCSS
$maroccan-tea: #d0f0c0;
$maroccan-tea-rgb: 208, 240, 192;
$maroccan-tea-light: mix(#fff, $maroccan-tea, 20%);
$maroccan-tea-dark: mix(#000, $maroccan-tea, 20%);
.element {
color: $maroccan-tea;
box-shadow: 0 0 0 2px rgba($maroccan-tea, 0.35);
}