Color con nombre · #B4E1D8
Fair Aqua
Fair Aqua es #B4E1D8: rgb(180 225 216), hsl(168 43% 79%), oklch(0.875 0.048 181.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Teal mean? → · Fair Aqua color name →
#B4E1D8
oklch(0.875 0.048 181.6)
Conversiones de color
- HEX
- #b4e1d8
- RGB
- rgb(180 225 216)
- HSL
- hsl(168 43% 79%)
- HWB
- hwb(168 71% 12%)
- OKLCH
- oklch(0.875 0.048 181.6)
- OKLab
- oklab(0.875 -0.048 -0.001)
- CIE Lab
- lab(86.15 -16.5 -0.65)
- LCH
- lch(86.15 16.51 182.3)
- CMYK
- cmyk(20% 0% 4% 12%)
Tintes · Sombras · Tonos
Tintes
- BCE4DC
- C3E7E0
- CBEAE4
- D2EDE7
- DAF0EB
- E1F3EF
- E9F6F3
- F0F9F7
- F8FCFB
Sombras
- 9CC4BC
- 85A7A0
- 6E8B85
- 58706B
- 445653
- 303E3B
- 1D2725
- 0C1211
- 020202
Tonos
- AFD7CF
- AACDC6
- A5C3BD
- A0B9B4
- 9AAFAB
- 95A6A2
- 909C99
- 8B9391
- 858988
Armonías de color
Complementario +180°
- B4E1D8
Fair Aqua
- F3C9D4
≈ Mountain Laurel
Análogo -30° +30°
- B4E1D8
Fair Aqua
- C0E0C6
≈ Soft Grass
- B2DFE8
≈ Polar Blue
Triádico +120° +240°
- B4E1D8
Fair Aqua
- DBCFF1
≈ Plum’s the Word
- EED0B6
≈ Peach Purée
Complementario dividido +150° +210°
- B4E1D8
Fair Aqua
- EACBE5
≈ Sweet Dreams
- F4CBC3
≈ Cake Pop Pink
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.42:1 · APCA Lc 21
Ag
AAASobre negro
WCAG 14.70:1 · APCA Lc 83
Mejor color de texto: #000000
WCAG 14.70:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmentos de código
CSS
:root {
--fair-aqua: #b4e1d8;
--fair-aqua-rgb: 180 225 216;
--fair-aqua-oklch: oklch(0.875 0.048 181.6);
}
.element {
color: var(--fair-aqua);
background-color: hsl(168 43% 79%);
border-color: oklch(0.875 0.048 181.6);
}Tailwind CSS v4
@theme {
--color-fair-aqua: #b4e1d8;
--color-fair-aqua-50: #e7faf6;
--color-fair-aqua-100: #d7ede9;
--color-fair-aqua-200: #bfdbd6;
--color-fair-aqua-300: #9dc0ba;
--color-fair-aqua-400: #7fa8a0;
--color-fair-aqua-500: #629188;
--color-fair-aqua-600: #537b73;
--color-fair-aqua-700: #42625c;
--color-fair-aqua-800: #304843;
--color-fair-aqua-900: #20322e;
--color-fair-aqua-950: #101e1b;
}SCSS
$fair-aqua: #b4e1d8;
$fair-aqua-rgb: 180, 225, 216;
$fair-aqua-light: mix(#fff, $fair-aqua, 20%);
$fair-aqua-dark: mix(#000, $fair-aqua, 20%);
.element {
color: $fair-aqua;
box-shadow: 0 0 0 2px rgba($fair-aqua, 0.35);
}