Color con nombre más cercano · #98CFBD
#98CFBD
Color con nombre más cercano: Mint Twist
#98CFBD (rgb(152 207 189), hsl(160 36% 70%), oklch(0.811 0.062 172.5)) se parece más al color con nombre Mint Twist. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#98CFBD
oklch(0.811 0.062 172.5)
Conversiones de color
- HEX
- #98cfbd
- RGB
- rgb(152 207 189)
- HSL
- hsl(160 36% 70%)
- HWB
- hwb(160 60% 19%)
- OKLCH
- oklch(0.811 0.062 172.5)
- OKLab
- oklab(0.811 -0.062 0.008)
- CIE Lab
- lab(78.93 -21.33 2.93)
- LCH
- lch(78.93 21.53 172.2)
- CMYK
- cmyk(27% 0% 9% 19%)
Tintes · Sombras · Tonos
Tintes
- A3D4C3
- ADD9CA
- B7DDD0
- C2E2D7
- CCE7DE
- D6ECE4
- E0F1EB
- EBF5F2
- F5FAF8
Sombras
- 84B4A4
- 70998C
- 5C7F74
- 4A675D
- 384F47
- 273833
- 17231F
- 08100D
- 010202
Tonos
- 96C7B7
- 94BFB0
- 92B7AA
- 90AFA4
- 8DA79E
- 8B9F98
- 889792
- 868F8C
- 838886
Armonías de color
Complementario +180°
- 98CFBD
Mint Twist
- E2B1C5
≈ Mental Floss
Análogo -30° +30°
- 98CFBD
Mint Twist
- ABCCA7
≈ Mint Circle
- 91CED3
≈ Peppermint Twist
Triádico +120° +240°
- 98CFBD
Mint Twist
- C2BBE7
≈ Pretty Posie
- E3B79D
≈ So Baja
Complementario dividido +150° +210°
- 98CFBD
Mint Twist
- D5B4D9
≈ Confectionary
- E7B2AF
≈ Perfect Pink
Tetrádico +90° +180° +270°
- 98CFBD
Mint Twist
- ACC2EB
≈ Sky High
- E2B1C5
≈ Mental Floss
- D5BE94
≈ Bowman Beige
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.75:1 · APCA Lc 32
Ag
AAASobre negro
WCAG 11.99:1 · APCA Lc 71
Mejor color de texto: #000000
WCAG 11.99:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmentos de código
CSS
:root {
--mint-twist: #98cfbd;
--mint-twist-rgb: 152 207 189;
--mint-twist-oklch: oklch(0.811 0.062 172.5);
}
.element {
color: var(--mint-twist);
background-color: hsl(160 36% 70%);
border-color: oklch(0.811 0.062 172.5);
}Tailwind CSS v4
@theme {
--color-mint-twist: #98cfbd;
--color-mint-twist-50: #e4fbf4;
--color-mint-twist-100: #d4efe6;
--color-mint-twist-200: #baddd2;
--color-mint-twist-300: #97c2b5;
--color-mint-twist-400: #78ab9a;
--color-mint-twist-500: #589482;
--color-mint-twist-600: #4b7d6e;
--color-mint-twist-700: #3c6458;
--color-mint-twist-800: #2b4a3f;
--color-mint-twist-900: #1d332b;
--color-mint-twist-950: #0d1f19;
}SCSS
$mint-twist: #98cfbd;
$mint-twist-rgb: 152, 207, 189;
$mint-twist-light: mix(#fff, $mint-twist, 20%);
$mint-twist-dark: mix(#000, $mint-twist, 20%);
.element {
color: $mint-twist;
box-shadow: 0 0 0 2px rgba($mint-twist, 0.35);
}