Color con nombre · #98CBBA
Mint Twist
Mint Twist es #98CBBA: rgb(152 203 186), hsl(160 33% 70%), oklch(0.802 0.058 172.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Teal mean? → · Mint Twist color name →
#98CBBA
oklch(0.802 0.058 172.2)
Conversiones de color
- HEX
- #98cbba
- RGB
- rgb(152 203 186)
- HSL
- hsl(160 33% 70%)
- HWB
- hwb(160 60% 20%)
- OKLCH
- oklch(0.802 0.058 172.2)
- OKLab
- oklab(0.802 -0.058 0.008)
- CIE Lab
- lab(77.74 -19.95 2.83)
- LCH
- lch(77.74 20.15 171.9)
- CMYK
- cmyk(25% 0% 8% 20%)
Tintes · Sombras · Tonos
Tintes
- A2D0C1
- ADD5C7
- B7DBCE
- C2E0D5
- CCE5DC
- D6EAE3
- E0EFEA
- EBF5F1
- F5FAF8
Sombras
- 84B0A1
- 709689
- 5C7D72
- 4A655C
- 384D46
- 273732
- 17221E
- 080F0D
- 010202
Tonos
- 96C3B4
- 94BCAE
- 92B4A8
- 8FACA2
- 8DA59D
- 8B9D97
- 889691
- 858F8B
- 838786
Armonías de color
Complementario +180°
- 98CBBA
Mint Twist
- DDAFC2
≈ Roseate Spoonbill
Análogo -30° +30°
- 98CBBA
Mint Twist
- A9C8A6
≈ French Market
- 91CACE
≈ Bathing
Triádico +120° +240°
- 98CBBA
Mint Twist
- BEB8E1
≈ Melrose
- DEB49C
≈ Mesa Sand
Complementario dividido +150° +210°
- 98CBBA
Mint Twist
- D1B2D5
≈ Sea Lavender
- E2B0AD
≈ Chewing Gum
Tetrádico +90° +180° +270°
- 98CBBA
Mint Twist
- AABFE5
≈ Promise
- DDAFC2
≈ Roseate Spoonbill
- D1BB94
≈ Thermos
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.81:1 · APCA Lc 34
Ag
AAASobre negro
WCAG 11.58:1 · APCA Lc 69
Mejor color de texto: #000000
WCAG 11.58:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmentos de código
CSS
:root {
--mint-twist: #98cbba;
--mint-twist-rgb: 152 203 186;
--mint-twist-oklch: oklch(0.802 0.058 172.2);
}
.element {
color: var(--mint-twist);
background-color: hsl(160 33% 70%);
border-color: oklch(0.802 0.058 172.2);
}Tailwind CSS v4
@theme {
--color-mint-twist: #98cbba;
--color-mint-twist-50: #e5fbf4;
--color-mint-twist-100: #d5efe6;
--color-mint-twist-200: #bcddd2;
--color-mint-twist-300: #99c2b5;
--color-mint-twist-400: #7baa9b;
--color-mint-twist-500: #5c9382;
--color-mint-twist-600: #4f7c6e;
--color-mint-twist-700: #3f6458;
--color-mint-twist-800: #2d493f;
--color-mint-twist-900: #1e332c;
--color-mint-twist-950: #0e1e19;
}SCSS
$mint-twist: #98cbba;
$mint-twist-rgb: 152, 203, 186;
$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);
}