Color con nombre · #95CBC4
Jamaica Bay
Jamaica Bay es #95CBC4: rgb(149 203 196), hsl(172 34% 69%), oklch(0.803 0.057 186.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Teal mean? → · Jamaica Bay color name →
#95CBC4
oklch(0.803 0.057 186.2)
Conversiones de color
- HEX
- #95cbc4
- RGB
- rgb(149 203 196)
- HSL
- hsl(172 34% 69%)
- HWB
- hwb(172 58% 20%)
- OKLCH
- oklch(0.803 0.057 186.2)
- OKLab
- oklab(0.803 -0.057 -0.006)
- CIE Lab
- lab(77.78 -19.29 -2.47)
- LCH
- lch(77.78 19.45 187.3)
- CMYK
- cmyk(27% 0% 3% 20%)
Tintes · Sombras · Tonos
Tintes
- A0D0CA
- ABD5D0
- B5DBD5
- C0E0DB
- CAE5E1
- D5EAE7
- E0EFED
- EAF5F3
- F5FAF9
Sombras
- 81B0AA
- 6D9691
- 5A7D78
- 486561
- 374D4A
- 263735
- 162221
- 080F0E
- 010202
Tonos
- 93C3BD
- 92BCB6
- 90B4AF
- 8EACA8
- 8CA5A1
- 8A9D9B
- 879694
- 858F8D
- 838787
Armonías de color
Complementario +180°
- 95CBC4
Jamaica Bay
- E0B0B9
≈ Sakura
Análogo -30° +30°
- 95CBC4
Jamaica Bay
- A2CAB0
≈ Calculus
- 95C8D6
≈ Idyllic Isle
Triádico +120° +240°
- 95CBC4
Jamaica Bay
- C8B6DC
≈ Tinted Iris
- D8B898
≈ Wheat Toast
Complementario dividido +150° +210°
- 95CBC4
Jamaica Bay
- D7B1CD
≈ Pink Lavender
- E0B2A5
≈ Prosciutto
Tetrádico +90° +180° +270°
- 95CBC4
Jamaica Bay
- B4BCE4
≈ Wish
- E0B0B9
≈ Sakura
- C9BF96
≈ Morning Tea
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.80:1 · APCA Lc 34
Ag
AAASobre negro
WCAG 11.61:1 · APCA Lc 69
Mejor color de texto: #000000
WCAG 11.61:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmentos de código
CSS
:root {
--jamaica-bay: #95cbc4;
--jamaica-bay-rgb: 149 203 196;
--jamaica-bay-oklch: oklch(0.803 0.057 186.2);
}
.element {
color: var(--jamaica-bay);
background-color: hsl(172 34% 69%);
border-color: oklch(0.803 0.057 186.2);
}Tailwind CSS v4
@theme {
--color-jamaica-bay: #95cbc4;
--color-jamaica-bay-50: #e4fbf8;
--color-jamaica-bay-100: #d4eeeb;
--color-jamaica-bay-200: #baddd9;
--color-jamaica-bay-300: #97c1bd;
--color-jamaica-bay-400: #78aaa3;
--color-jamaica-bay-500: #58938c;
--color-jamaica-bay-600: #4b7c76;
--color-jamaica-bay-700: #3c635f;
--color-jamaica-bay-800: #2b4945;
--color-jamaica-bay-900: #1d332f;
--color-jamaica-bay-950: #0d1e1c;
}SCSS
$jamaica-bay: #95cbc4;
$jamaica-bay-rgb: 149, 203, 196;
$jamaica-bay-light: mix(#fff, $jamaica-bay, 20%);
$jamaica-bay-dark: mix(#000, $jamaica-bay, 20%);
.element {
color: $jamaica-bay;
box-shadow: 0 0 0 2px rgba($jamaica-bay, 0.35);
}