Color con nombre · #33565E
Green Moonstone
Green Moonstone es #33565E: rgb(51 86 94), hsl(191 30% 28%), oklch(0.43 0.043 213.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Cyan mean? → · Green Moonstone color name →
#33565E
oklch(0.43 0.043 213.9)
Conversiones de color
- HEX
- #33565e
- RGB
- rgb(51 86 94)
- HSL
- hsl(191 30% 28%)
- HWB
- hwb(191 20% 63%)
- OKLCH
- oklch(0.43 0.043 213.9)
- OKLab
- oklab(0.43 -0.035 -0.024)
- CIE Lab
- lab(34.16 -11.39 -8.87)
- LCH
- lch(34.16 14.43 217.9)
- CMYK
- cmyk(46% 9% 0% 63%)
Tintes · Sombras · Tonos
Tintes
- 46656D
- 59757C
- 6D858B
- 81969B
- 95A7AB
- A9B8BB
- BEC9CC
- D3DBDD
- E9EDEE
Sombras
- 2B4A51
- 233E44
- 1C3237
- 14272B
- 0D1C1F
- 071214
- 03080A
- 010203
- 000000
Tonos
- 3B5A61
- 435E65
- 4B6368
- 52676C
- 5A6B6F
- 626F72
- 697376
- 717879
- 787C7D
Armonías de color
Complementario +180°
- 33565E
Green Moonstone
- 654740
≈ Warm Air of Debonair
Análogo -30° +30°
- 33565E
Green Moonstone
- 345852
≈ Enchanting Ivy
- 3C5366
≈ Midnight Mosaic
Triádico +120° +240°
- 33565E
Green Moonstone
- 5E475A
≈ Ripe Mulberry
- 575035
≈ Avocado Pear
Complementario dividido +150° +210°
- 33565E
Green Moonstone
- 64464D
≈ Estate Vineyard
- 614B37
≈ Beauty Spot
Tetrádico +90° +180° +270°
- 33565E
Green Moonstone
- 554A63
≈ Paparazzi
- 654740
≈ Warm Air of Debonair
- 4B543A
≈ Broccoli Green
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 7.97:1 · APCA Lc 88
Ag
FailSobre negro
WCAG 2.63:1 · APCA Lc 15
Mejor color de texto: #FFFFFF
WCAG 7.97:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmentos de código
CSS
:root {
--green-moonstone: #33565e;
--green-moonstone-rgb: 51 86 94;
--green-moonstone-oklch: oklch(0.43 0.043 213.9);
}
.element {
color: var(--green-moonstone);
background-color: hsl(191 30% 28%);
border-color: oklch(0.43 0.043 213.9);
}Tailwind CSS v4
@theme {
--color-green-moonstone: #33565e;
--color-green-moonstone-50: #e8f9fd;
--color-green-moonstone-100: #d9ecf1;
--color-green-moonstone-200: #c1d9e0;
--color-green-moonstone-300: #a0bdc5;
--color-green-moonstone-400: #82a5ae;
--color-green-moonstone-500: #658e97;
--color-green-moonstone-600: #567880;
--color-green-moonstone-700: #456066;
--color-green-moonstone-800: #31464b;
--color-green-moonstone-900: #213134;
--color-green-moonstone-950: #111d1f;
}SCSS
$green-moonstone: #33565e;
$green-moonstone-rgb: 51, 86, 94;
$green-moonstone-light: mix(#fff, $green-moonstone, 20%);
$green-moonstone-dark: mix(#000, $green-moonstone, 20%);
.element {
color: $green-moonstone;
box-shadow: 0 0 0 2px rgba($green-moonstone, 0.35);
}