Cor nomeada mais próxima · #00754A
#00754A
Cor nomeada mais próxima: Succulents
#00754A (rgb(0 117 74), hsl(158 100% 23%), oklch(0.496 0.114 159.3)) é mais próxima da cor nomeada Succulents. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#00754A
oklch(0.496 0.114 159.3)
Conversões de cor
- HEX
- #00754a
- RGB
- rgb(0 117 74)
- HSL
- hsl(158 100% 23%)
- HWB
- hwb(158 0% 54%)
- OKLCH
- oklch(0.496 0.114 159.3)
- OKLab
- oklab(0.496 -0.106 0.04)
- CIE Lab
- lab(43.01 -37.85 15.5)
- LCH
- lch(43.01 40.9 157.7)
- CMYK
- cmyk(100% 0% 37% 54%)
Tons claros · Sombras · Tons
Tons claros
- 2F825B
- 4A906C
- 629D7D
- 79AB8F
- 8FB9A1
- A5C7B3
- BBD5C5
- D2E3D8
- E8F1EC
Sombras
- 00653F
- 005535
- 00462A
- 003720
- 002917
- 001C0E
- 000F06
- 000502
- 000100
Tons
- 20764F
- 317855
- 3E795A
- 497A60
- 547B65
- 5D7C6A
- 667D70
- 6F7E75
- 787F7B
Harmonias de cor
Complementar +180°
- 00754A
Succulents
- 8B4677
≈ Purple Peril
Análoga -30° +30°
- 00754A
Succulents
- 4D6E1E
≈ Over the Hills
- 00716C
≈ Pine Scented Lagoon
Tríade +120° +240°
- 00754A
Succulents
- 5559A1
≈ Purple Frenzy
- 97482D
≈ Fluorescent Fire
Complementar dividida +150° +210°
- 00754A
Succulents
- 754E92
≈ Parfait d’Amour
- 974354
≈ Raspberry Pudding
Tétrade +90° +180° +270°
- 00754A
Succulents
- 24659F
≈ Distant Blue
- 8B4677
≈ Purple Peril
- 895500
≈ Spear Shaft
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.76:1 · APCA Lc 78
Ag
FailSobre preto
WCAG 3.64:1 · APCA Lc 24
Melhor cor de texto: #FFFFFF
WCAG 5.76:1 (AA) · APCA Lc 78
Contrast pairs
Trechos de código
CSS
:root {
--succulents: #00754a;
--succulents-rgb: 0 117 74;
--succulents-oklch: oklch(0.496 0.114 159.3);
}
.element {
color: var(--succulents);
background-color: hsl(158 100% 23%);
border-color: oklch(0.496 0.114 159.3);
}Tailwind CSS v4
@theme {
--color-succulents: #00754a;
--color-succulents-50: #daffeb;
--color-succulents-100: #c7f4dc;
--color-succulents-200: #a9e4c5;
--color-succulents-300: #81caa5;
--color-succulents-400: #5cb386;
--color-succulents-500: #2e9d6a;
--color-succulents-600: #2a845a;
--color-succulents-700: #216a48;
--color-succulents-800: #194e32;
--color-succulents-900: #103622;
--color-succulents-950: #022111;
}SCSS
$succulents: #00754a;
$succulents-rgb: 0, 117, 74;
$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);
}