Color con nombre · #32A7B5
Green Buoy
Green Buoy es #32A7B5: rgb(50 167 181), hsl(186 57% 45%), oklch(0.671 0.102 206.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Cyan mean? → · Green Buoy color name →
#32A7B5
oklch(0.671 0.102 206.8)
Conversiones de color
- HEX
- #32a7b5
- RGB
- rgb(50 167 181)
- HSL
- hsl(186 57% 45%)
- HWB
- hwb(186 20% 29%)
- OKLCH
- oklch(0.671 0.102 206.8)
- OKLab
- oklab(0.671 -0.091 -0.046)
- CIE Lab
- lab(62.69 -29.6 -17.13)
- LCH
- lch(62.69 34.2 210.1)
- CMYK
- cmyk(72% 8% 0% 29%)
Tintes · Sombras · Tonos
Tintes
- 4FB0BC
- 67B9C4
- 7CC2CB
- 90CAD2
- A3D3DA
- B6DCE1
- C8E5E9
- DAEDF0
- EDF6F8
Sombras
- 2A919D
- 227B86
- 1B666F
- 145259
- 0D3E44
- 072C30
- 031A1D
- 010A0C
- 000102
Tonos
- 41A3B0
- 4D9FAA
- 569CA5
- 5E98A0
- 66949A
- 6C9095
- 728C90
- 77888B
- 7C8485
Armonías de color
Complementario +180°
- 32A7B5
Green Buoy
- CD7C74
≈ Chilli Soda
Análogo -30° +30°
- 32A7B5
Green Buoy
- 41AA94
≈ Jewel Weed
- 519FCC
≈ Blue Iguana
Triádico +120° +240°
- 32A7B5
Green Buoy
- B77FB7
≈ Cheddar Pink Mauve
- B19145
≈ Venetian Gold
Complementario dividido +150° +210°
- 32A7B5
Green Buoy
- C87A97
≈ Wild Rose
- C58555
≈ Maple Syrup Brown
Tetrádico +90° +180° +270°
- 32A7B5
Green Buoy
- 9C88CD
≈ Petrified Purple
- CD7C74
≈ Chilli Soda
- 919E51
≈ Spinach Green
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.86:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.33:1 · APCA Lc 47
Mejor color de texto: #000000
WCAG 7.33:1 (AAA) · APCA Lc 47
Contrast pairs
Fragmentos de código
CSS
:root {
--green-buoy: #32a7b5;
--green-buoy-rgb: 50 167 181;
--green-buoy-oklch: oklch(0.671 0.102 206.8);
}
.element {
color: var(--green-buoy);
background-color: hsl(186 57% 45%);
border-color: oklch(0.671 0.102 206.8);
}Tailwind CSS v4
@theme {
--color-green-buoy: #32a7b5;
--color-green-buoy-50: #d5feff;
--color-green-buoy-100: #c1f2fa;
--color-green-buoy-200: #a1e1ec;
--color-green-buoy-300: #75c6d3;
--color-green-buoy-400: #46afbd;
--color-green-buoy-500: #0098a8;
--color-green-buoy-600: #00818e;
--color-green-buoy-700: #006772;
--color-green-buoy-800: #004c53;
--color-green-buoy-900: #00353a;
--color-green-buoy-950: #002024;
}SCSS
$green-buoy: #32a7b5;
$green-buoy-rgb: 50, 167, 181;
$green-buoy-light: mix(#fff, $green-buoy, 20%);
$green-buoy-dark: mix(#000, $green-buoy, 20%);
.element {
color: $green-buoy;
box-shadow: 0 0 0 2px rgba($green-buoy, 0.35);
}