Color con nombre · #88EEEE
Bath Water
Bath Water es #88EEEE: rgb(136 238 238), hsl(180 75% 73%), oklch(0.887 0.096 195.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Teal mean? → · Bath Water color name →
#88EEEE
oklch(0.887 0.096 195.6)
Conversiones de color
- HEX
- #88eeee
- RGB
- rgb(136 238 238)
- HSL
- hsl(180 75% 73%)
- HWB
- hwb(180 53% 7%)
- OKLCH
- oklch(0.887 0.096 195.6)
- OKLab
- oklab(0.887 -0.092 -0.026)
- CIE Lab
- lab(87.95 -31.14 -9.84)
- LCH
- lch(87.95 32.66 197.5)
- CMYK
- cmyk(43% 0% 0% 7%)
Tintes · Sombras · Tonos
Tintes
- 96F0F0
- A4F2F1
- B0F4F3
- BCF5F5
- C8F7F7
- D4F9F8
- DFFAFA
- EAFCFC
- F4FEFD
Sombras
- 75CFCF
- 63B1B1
- 529393
- 417777
- 315C5C
- 224242
- 132A2A
- 061414
- 010303
Tonos
- 89E3E2
- 8AD7D7
- 8ACCCC
- 8AC1C1
- 89B6B6
- 88ABAB
- 86A0A0
- 859595
- 828B8A
Armonías de color
Complementario +180°
- 88EEEE
Bath Water
- FFCBCD
≈ Lusty-Gallant
Análogo -30° +30°
- 88EEEE
Bath Water
- 9BEFCB
≈ Nightly Aurora
- A5E5FF
≈ Ganon Blue
Triádico +120° +240°
- 88EEEE
Bath Water
- EFCAFF
≈ Sparkling Lavender
- FFD292
≈ Honey Bird
Complementario dividido +150° +210°
- 88EEEE
Bath Water
- FFC7E5
≈ Soulmate Pink
- FFCEB7
≈ Dainty Peach
Tetrádico +90° +180° +270°
- 88EEEE
Bath Water
- D6D5FF
≈ Pale Phthalo Blue
- FFCBCD
≈ Lusty-Gallant
- E2DE93
≈ Pear Tint
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.35:1 · APCA Lc 17
Ag
AAASobre negro
WCAG 15.51:1 · APCA Lc 86
Mejor color de texto: #000000
WCAG 15.51:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmentos de código
CSS
:root {
--bath-water: #88eeee;
--bath-water-rgb: 136 238 238;
--bath-water-oklch: oklch(0.887 0.096 195.6);
}
.element {
color: var(--bath-water);
background-color: hsl(180 75% 73%);
border-color: oklch(0.887 0.096 195.6);
}Tailwind CSS v4
@theme {
--color-bath-water: #88eeee;
--color-bath-water-50: #d7feff;
--color-bath-water-100: #c4f2f3;
--color-bath-water-200: #a4e1e3;
--color-bath-water-300: #7ac7c9;
--color-bath-water-400: #4fb0b0;
--color-bath-water-500: #03999a;
--color-bath-water-600: #0f8282;
--color-bath-water-700: #0e6868;
--color-bath-water-800: #074d4c;
--color-bath-water-900: #063535;
--color-bath-water-950: #002020;
}SCSS
$bath-water: #88eeee;
$bath-water-rgb: 136, 238, 238;
$bath-water-light: mix(#fff, $bath-water, 20%);
$bath-water-dark: mix(#000, $bath-water, 20%);
.element {
color: $bath-water;
box-shadow: 0 0 0 2px rgba($bath-water, 0.35);
}