Color con nombre · #4E939D
Teal Trinket
Teal Trinket es #4E939D: rgb(78 147 157), hsl(188 34% 46%), oklch(0.622 0.071 207.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Cyan mean? → · Teal Trinket color name →
#4E939D
oklch(0.622 0.071 207.7)
Conversiones de color
- HEX
- #4e939d
- RGB
- rgb(78 147 157)
- HSL
- hsl(188 34% 46%)
- HWB
- hwb(188 31% 38%)
- OKLCH
- oklch(0.622 0.071 207.7)
- OKLab
- oklab(0.622 -0.063 -0.033)
- CIE Lab
- lab(56.74 -20.63 -12.44)
- LCH
- lch(56.74 24.09 211.1)
- CMYK
- cmyk(50% 6% 0% 38%)
Tintes · Sombras · Tonos
Tintes
- 619EA6
- 73A8B0
- 85B3BA
- 96BDC3
- A8C8CD
- B9D3D7
- CADEE1
- DCE9EB
- EDF4F5
Sombras
- 437F88
- 386C73
- 2D595F
- 23474C
- 19363A
- 0F2528
- 071618
- 020809
- 000101
Tonos
- 55919A
- 5B8F97
- 618E94
- 668C91
- 6B8A8F
- 70888C
- 748689
- 788486
- 7C8283
Armonías de color
Complementario +180°
- 4E939D
Teal Trinket
- AE766F
≈ Rum Spice
Análogo -30° +30°
- 4E939D
Teal Trinket
- 549586
≈ Thermal Spring
- 5C8DAD
≈ Gunjō Blue
Triádico +120° +240°
- 4E939D
Teal Trinket
- 9E789D
≈ Screen Gem
- 998453
≈ Spacious Plain
Complementario dividido +150° +210°
- 4E939D
Teal Trinket
- AA7587
≈ Never Forget
- A87C5C
≈ Tuscan Soil
Tetrádico +90° +180° +270°
- 4E939D
Teal Trinket
- 8B7EAD
≈ Parmentier
- AE766F
≈ Rum Spice
- 838D5B
≈ Green Energy
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.50:1 · APCA Lc 63
Ag
AASobre negro
WCAG 5.98:1 · APCA Lc 39
Mejor color de texto: #000000
WCAG 5.98:1 (AA) · APCA Lc 39
Contrast pairs
Fragmentos de código
CSS
:root {
--teal-trinket: #4e939d;
--teal-trinket-rgb: 78 147 157;
--teal-trinket-oklch: oklch(0.622 0.071 207.7);
}
.element {
color: var(--teal-trinket);
background-color: hsl(188 34% 46%);
border-color: oklch(0.622 0.071 207.7);
}Tailwind CSS v4
@theme {
--color-teal-trinket: #4e939d;
--color-teal-trinket-50: #dffbff;
--color-teal-trinket-100: #ceeff5;
--color-teal-trinket-200: #b2dde5;
--color-teal-trinket-300: #8dc2cb;
--color-teal-trinket-400: #6aabb4;
--color-teal-trinket-500: #45939f;
--color-teal-trinket-600: #3c7d86;
--color-teal-trinket-700: #2f646b;
--color-teal-trinket-800: #21494e;
--color-teal-trinket-900: #163336;
--color-teal-trinket-950: #061f21;
}SCSS
$teal-trinket: #4e939d;
$teal-trinket-rgb: 78, 147, 157;
$teal-trinket-light: mix(#fff, $teal-trinket, 20%);
$teal-trinket-dark: mix(#000, $teal-trinket, 20%);
.element {
color: $teal-trinket;
box-shadow: 0 0 0 2px rgba($teal-trinket, 0.35);
}