Color con nombre · #C2E5E5
Swimming
Swimming es #C2E5E5: rgb(194 229 229), hsl(180 40% 83%), oklch(0.897 0.037 196.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Teal mean? → · Swimming color name →
#C2E5E5
oklch(0.897 0.037 196.5)
Conversiones de color
- HEX
- #c2e5e5
- RGB
- rgb(194 229 229)
- HSL
- hsl(180 40% 83%)
- HWB
- hwb(180 76% 10%)
- OKLCH
- oklch(0.897 0.037 196.5)
- OKLab
- oklab(0.897 -0.035 -0.01)
- CIE Lab
- lab(88.41 -11.84 -4.04)
- LCH
- lch(88.41 12.51 198.8)
- CMYK
- cmyk(15% 0% 0% 10%)
Tintes · Sombras · Tonos
Tintes
- C8E8E8
- CEEAEA
- D4EDED
- DBEFEF
- E1F2F2
- E7F5F5
- EDF7F7
- F3FAFA
- F9FCFC
Sombras
- A8C7C7
- 8FAAAA
- 778E8E
- 607272
- 495858
- 343F3F
- 202828
- 0E1212
- 020303
Tonos
- BBDADA
- B5D0D0
- AEC6C6
- A7BBBB
- A1B1B1
- 9AA7A7
- 949D9D
- 8D9393
- 878A8A
Armonías de color
Complementario +180°
- C2E5E5
Swimming
- F4D4D4
≈ Light Rose
Análogo -30° +30°
- C2E5E5
Swimming
- C7E5D8
≈ Mint Whisper
- C5E3F0
≈ Skylark
Triádico +120° +240°
- C2E5E5
Swimming
- E7D6EE
≈ First Lilac
- EBDAC3
≈ Pine Nut
Complementario dividido +150° +210°
- C2E5E5
Swimming
- F0D4E2
≈ Hopeful
- F3D6C9
≈ Chinese Cherry
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.34:1 · APCA Lc 17
Ag
AAASobre negro
WCAG 15.63:1 · APCA Lc 87
Mejor color de texto: #000000
WCAG 15.63:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmentos de código
CSS
:root {
--swimming: #c2e5e5;
--swimming-rgb: 194 229 229;
--swimming-oklch: oklch(0.897 0.037 196.5);
}
.element {
color: var(--swimming);
background-color: hsl(180 40% 83%);
border-color: oklch(0.897 0.037 196.5);
}Tailwind CSS v4
@theme {
--color-swimming: #c2e5e5;
--color-swimming-50: #eaf9f9;
--color-swimming-100: #dbecec;
--color-swimming-200: #c3d9da;
--color-swimming-300: #a3bdbe;
--color-swimming-400: #86a6a6;
--color-swimming-500: #6a8e8e;
--color-swimming-600: #5a7878;
--color-swimming-700: #486060;
--color-swimming-800: #344746;
--color-swimming-900: #233131;
--color-swimming-950: #121d1d;
}SCSS
$swimming: #c2e5e5;
$swimming-rgb: 194, 229, 229;
$swimming-light: mix(#fff, $swimming, 20%);
$swimming-dark: mix(#000, $swimming, 20%);
.element {
color: $swimming;
box-shadow: 0 0 0 2px rgba($swimming, 0.35);
}