Color con nombre · #275B60
Terrace Teal
Terrace Teal es #275B60: rgb(39 91 96), hsl(185 42% 26%), oklch(0.438 0.056 203.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Cyan mean? → · Terrace Teal color name →
#275B60
oklch(0.438 0.056 203.8)
Conversiones de color
- HEX
- #275b60
- RGB
- rgb(39 91 96)
- HSL
- hsl(185 42% 26%)
- HWB
- hwb(185 15% 62%)
- OKLCH
- oklch(0.438 0.056 203.8)
- OKLab
- oklab(0.438 -0.051 -0.022)
- CIE Lab
- lab(35.32 -16.82 -8.46)
- LCH
- lch(35.32 18.82 206.7)
- CMYK
- cmyk(59% 5% 0% 62%)
Tintes · Sombras · Tonos
Tintes
- 3D6A6F
- 527A7E
- 67898D
- 7C999C
- 91AAAC
- A6BABC
- BCCBCD
- D2DCDD
- E8EDEE
Sombras
- 204E52
- 1A4145
- 143538
- 0E292C
- 081E20
- 041315
- 02090A
- 010303
- 000000
Tonos
- 325F63
- 3C6266
- 45666A
- 4E6A6D
- 566E70
- 5F7173
- 677576
- 6F797A
- 787C7D
Armonías de color
Complementario +180°
- 275B60
Terrace Teal
- 6E4643
≈ Hawaiian Cinder
Análogo -30° +30°
- 275B60
Terrace Teal
- 2E5C4F
≈ Old Money
- 31576C
≈ Endless Sea
Triádico +120° +240°
- 275B60
Terrace Teal
- 614764
≈ Brunneous
- 614F2D
≈ Jungle Beat
Complementario dividido +150° +210°
- 275B60
Terrace Teal
- 6A4554
≈ Finn
- 6A4A34
≈ Guitar
Tetrádico +90° +180° +270°
- 275B60
Terrace Teal
- 534C6E
≈ Harajuku Girl
- 6E4643
≈ Hawaiian Cinder
- 525631
≈ Dark Rainforest
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 7.63:1 · APCA Lc 86
Ag
FailSobre negro
WCAG 2.75:1 · APCA Lc 16
Mejor color de texto: #FFFFFF
WCAG 7.63:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmentos de código
CSS
:root {
--terrace-teal: #275b60;
--terrace-teal-rgb: 39 91 96;
--terrace-teal-oklch: oklch(0.438 0.056 203.8);
}
.element {
color: var(--terrace-teal);
background-color: hsl(185 42% 26%);
border-color: oklch(0.438 0.056 203.8);
}Tailwind CSS v4
@theme {
--color-terrace-teal: #275b60;
--color-terrace-teal-50: #e4fafd;
--color-terrace-teal-100: #d4eef1;
--color-terrace-teal-200: #badce0;
--color-terrace-teal-300: #97c0c5;
--color-terrace-teal-400: #77a8ad;
--color-terrace-teal-500: #579197;
--color-terrace-teal-600: #4b7b80;
--color-terrace-teal-700: #3b6266;
--color-terrace-teal-800: #2a484b;
--color-terrace-teal-900: #1c3234;
--color-terrace-teal-950: #0c1e1f;
}SCSS
$terrace-teal: #275b60;
$terrace-teal-rgb: 39, 91, 96;
$terrace-teal-light: mix(#fff, $terrace-teal, 20%);
$terrace-teal-dark: mix(#000, $terrace-teal, 20%);
.element {
color: $terrace-teal;
box-shadow: 0 0 0 2px rgba($terrace-teal, 0.35);
}