Color con nombre · #B5DFC9
Aqua Bay
Aqua Bay es #B5DFC9: rgb(181 223 201), hsl(149 40% 79%), oklch(0.868 0.053 162.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Aqua Bay color name →
#B5DFC9
oklch(0.868 0.053 162.2)
Conversiones de color
- HEX
- #b5dfc9
- RGB
- rgb(181 223 201)
- HSL
- hsl(149 40% 79%)
- HWB
- hwb(149 71% 13%)
- OKLCH
- oklch(0.868 0.053 162.2)
- OKLab
- oklab(0.868 -0.051 0.016)
- CIE Lab
- lab(85.36 -17.47 6.07)
- LCH
- lch(85.36 18.49 160.8)
- CMYK
- cmyk(19% 0% 10% 13%)
Tintes · Sombras · Tonos
Tintes
- BDE2CE
- C4E5D4
- CBE9D9
- D3ECDE
- DAEFE4
- E2F2E9
- E9F5EF
- F0F9F4
- F8FCFA
Sombras
- 9DC2AE
- 86A595
- 6F8A7C
- 596F64
- 44564C
- 303D36
- 1D2722
- 0C120F
- 020202
Tonos
- B0D5C1
- ABCBBA
- A5C2B3
- A0B8AB
- 9BAEA4
- 95A59D
- 909C95
- 8B928E
- 858987
Armonías de color
Complementario +180°
- B5DFC9
Aqua Bay
- EDC6DD
≈ Pink Odyssey
Análogo -30° +30°
- B5DFC9
Aqua Bay
- C7DBB8
≈ Pale Tidepool
- ABDFDD
≈ Blue Light
Triádico +120° +240°
- B5DFC9
Aqua Bay
- CDD0F6
≈ Frozen Periwinkle
- F3C9B8
≈ Everblooming
Complementario dividido +150° +210°
- B5DFC9
Aqua Bay
- DFCAED
≈ Syrian Violet
- F4C6CA
≈ Old Fashioned Pink
Tetrádico +90° +180° +270°
- B5DFC9
Aqua Bay
- BBD6F6
≈ Summer Birthday
- EDC6DD
≈ Pink Odyssey
- EACFAE
≈ Chai
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.46:1 · APCA Lc 22
Ag
AAASobre negro
WCAG 14.36:1 · APCA Lc 81
Mejor color de texto: #000000
WCAG 14.36:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmentos de código
CSS
:root {
--aqua-bay: #b5dfc9;
--aqua-bay-rgb: 181 223 201;
--aqua-bay-oklch: oklch(0.868 0.053 162.2);
}
.element {
color: var(--aqua-bay);
background-color: hsl(149 40% 79%);
border-color: oklch(0.868 0.053 162.2);
}Tailwind CSS v4
@theme {
--color-aqua-bay: #b5dfc9;
--color-aqua-bay-50: #e8faf1;
--color-aqua-bay-100: #d9eee3;
--color-aqua-bay-200: #c0dcce;
--color-aqua-bay-300: #9fc0b0;
--color-aqua-bay-400: #83a995;
--color-aqua-bay-500: #66927c;
--color-aqua-bay-600: #567b69;
--color-aqua-bay-700: #456354;
--color-aqua-bay-800: #32483c;
--color-aqua-bay-900: #223229;
--color-aqua-bay-950: #111e17;
}SCSS
$aqua-bay: #b5dfc9;
$aqua-bay-rgb: 181, 223, 201;
$aqua-bay-light: mix(#fff, $aqua-bay, 20%);
$aqua-bay-dark: mix(#000, $aqua-bay, 20%);
.element {
color: $aqua-bay;
box-shadow: 0 0 0 2px rgba($aqua-bay, 0.35);
}