Color con nombre · #BBE6BB
Mint Parfait
Mint Parfait es #BBE6BB: rgb(187 230 187), hsl(120 46% 82%), oklch(0.883 0.074 144.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Mint Parfait color name →
#BBE6BB
oklch(0.883 0.074 144.9)
Conversiones de color
- HEX
- #bbe6bb
- RGB
- rgb(187 230 187)
- HSL
- hsl(120 46% 82%)
- HWB
- hwb(120 73% 10%)
- OKLCH
- oklch(0.883 0.074 144.9)
- OKLab
- oklab(0.883 -0.06 0.042)
- CIE Lab
- lab(87.39 -20.54 16.24)
- LCH
- lch(87.39 26.18 141.7)
- CMYK
- cmyk(19% 0% 19% 10%)
Tintes · Sombras · Tonos
Tintes
- C2E9C2
- C9EBC9
- D0EECF
- D6F0D6
- DDF3DD
- E4F5E4
- EBF8EB
- F2FAF1
- F8FDF8
Sombras
- A2C8A2
- 8AAB8A
- 738E73
- 5C735C
- 465946
- 324032
- 1F281F
- 0D130D
- 020302
Tonos
- B5DBB5
- AFD1AF
- A9C6A9
- A3BCA3
- 9EB29D
- 98A897
- 929E92
- 8C948C
- 868A86
Armonías de color
Complementario +180°
- BBE6BB
Mint Parfait
- F2C8F4
≈ Sugar High
Análogo -30° +30°
- BBE6BB
Mint Parfait
- D6DFA7
≈ Garden Leek
- A5E9D6
≈ Sweet Aqua
Triádico +120° +240°
- BBE6BB
Mint Parfait
- C6D9FF
≈ Pale Phthalo Blue
- FFCAC4
≈ Caro
Complementario dividido +150° +210°
- BBE6BB
Mint Parfait
- DBD1FF
≈ Pale Lavender
- FFC6DB
≈ Sweet Romance
Tetrádico +90° +180° +270°
- BBE6BB
Mint Parfait
- AEE0FF
≈ Droplet
- F2C8F4
≈ Sugar High
- FFCDAB
≈ Petticoat
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.38:1 · APCA Lc 19
Ag
AAASobre negro
WCAG 15.14:1 · APCA Lc 85
Mejor color de texto: #000000
WCAG 15.14:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmentos de código
CSS
:root {
--mint-parfait: #bbe6bb;
--mint-parfait-rgb: 187 230 187;
--mint-parfait-oklch: oklch(0.883 0.074 144.9);
}
.element {
color: var(--mint-parfait);
background-color: hsl(120 46% 82%);
border-color: oklch(0.883 0.074 144.9);
}Tailwind CSS v4
@theme {
--color-mint-parfait: #bbe6bb;
--color-mint-parfait-50: #e8fbe9;
--color-mint-parfait-100: #d9efda;
--color-mint-parfait-200: #c0ddc2;
--color-mint-parfait-300: #9fc2a2;
--color-mint-parfait-400: #84aa84;
--color-mint-parfait-500: #679368;
--color-mint-parfait-600: #577d58;
--color-mint-parfait-700: #466446;
--color-mint-parfait-800: #334932;
--color-mint-parfait-900: #233322;
--color-mint-parfait-950: #121e11;
}SCSS
$mint-parfait: #bbe6bb;
$mint-parfait-rgb: 187, 230, 187;
$mint-parfait-light: mix(#fff, $mint-parfait, 20%);
$mint-parfait-dark: mix(#000, $mint-parfait, 20%);
.element {
color: $mint-parfait;
box-shadow: 0 0 0 2px rgba($mint-parfait, 0.35);
}