Cor nomeada mais próxima · #297545
#297545
Cor nomeada mais próxima: Succulents
#297545 (rgb(41 117 69), hsl(142 48% 31%), oklch(0.503 0.107 152.5)) é mais próxima da cor nomeada Succulents. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#297545
oklch(0.503 0.107 152.5)
Conversões de cor
- HEX
- #297545
- RGB
- rgb(41 117 69)
- HSL
- hsl(142 48% 31%)
- HWB
- hwb(142 16% 54%)
- OKLCH
- oklch(0.503 0.107 152.5)
- OKLab
- oklab(0.503 -0.095 0.049)
- CIE Lab
- lab(43.66 -33.18 19.35)
- LCH
- lch(43.66 38.41 149.7)
- CMYK
- cmyk(65% 0% 41% 54%)
Tons claros · Sombras · Tons
Tons claros
- 418256
- 579068
- 6C9D7A
- 81AB8C
- 96B99E
- AAC6B1
- BFD4C4
- D4E3D7
- EAF1EB
Sombras
- 22653B
- 1C5531
- 154627
- 0F371E
- 092915
- 051C0C
- 020F05
- 010502
- 000100
Tons
- 35764B
- 407851
- 497957
- 527A5D
- 5A7B63
- 627C69
- 6A7D6F
- 717E74
- 797F7A
Harmonias de cor
Complementar +180°
- 297545
Succulents
- 874B7E
≈ Thistle Mauve
Análoga -30° +30°
- 297545
Succulents
- 596D1D
≈ Bowser Shell
- 007468
≈ Pharaoh’s Gem
Tríade +120° +240°
- 297545
Succulents
- 505EA1
≈ Purple Frenzy
- 974A3B
≈ Dark Marmalade
Complementar dividida +150° +210°
- 297545
Succulents
- 705396
≈ Passion Flower
- 94475F
≈ Glitterati
Tétrade +90° +180° +270°
- 297545
Succulents
- 1D6A9B
≈ Jazz Blue
- 874B7E
≈ Thistle Mauve
- 8E5413
≈ Plain Old Brown
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.63:1 · APCA Lc 78
Ag
FailSobre preto
WCAG 3.72:1 · APCA Lc 24
Melhor cor de texto: #FFFFFF
WCAG 5.63:1 (AA) · APCA Lc 78
Contrast pairs
Trechos de código
CSS
:root {
--succulents: #297545;
--succulents-rgb: 41 117 69;
--succulents-oklch: oklch(0.503 0.107 152.5);
}
.element {
color: var(--succulents);
background-color: hsl(142 48% 31%);
border-color: oklch(0.503 0.107 152.5);
}Tailwind CSS v4
@theme {
--color-succulents: #297545;
--color-succulents-50: #deffe8;
--color-succulents-100: #cdf3d8;
--color-succulents-200: #b1e2c0;
--color-succulents-300: #8bc89f;
--color-succulents-400: #6bb180;
--color-succulents-500: #469a63;
--color-succulents-600: #3d8254;
--color-succulents-700: #306843;
--color-succulents-800: #244d2e;
--color-succulents-900: #18351f;
--color-succulents-950: #08200f;
}SCSS
$succulents: #297545;
$succulents-rgb: 41, 117, 69;
$succulents-light: mix(#fff, $succulents, 20%);
$succulents-dark: mix(#000, $succulents, 20%);
.element {
color: $succulents;
box-shadow: 0 0 0 2px rgba($succulents, 0.35);
}