Cor nomeada mais próxima · #247B4D
#247B4D
Cor nomeada mais próxima: Woodland Soul
#247B4D (rgb(36 123 77), hsl(148 55% 31%), oklch(0.52 0.11 155.8)) é mais próxima da cor nomeada Woodland Soul. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#247B4D
oklch(0.52 0.11 155.8)
Conversões de cor
- HEX
- #247b4d
- RGB
- rgb(36 123 77)
- HSL
- hsl(148 55% 31%)
- HWB
- hwb(148 14% 52%)
- OKLCH
- oklch(0.52 0.11 155.8)
- OKLab
- oklab(0.52 -0.1 0.045)
- CIE Lab
- lab(45.69 -35.31 17.46)
- LCH
- lch(45.69 39.39 153.7)
- CMYK
- cmyk(71% 0% 37% 52%)
Tons claros · Sombras · Tons
Tons claros
- 3F885E
- 56956E
- 6CA27F
- 81AF91
- 96BCA2
- AAC9B4
- BFD6C7
- D4E4D9
- EAF1EC
Sombras
- 1E6A42
- 185A37
- 124A2C
- 0C3A22
- 072C18
- 041E0F
- 021007
- 000502
- 000100
Tons
- 327C52
- 3E7D57
- 487D5D
- 517E62
- 5A7E67
- 627F6C
- 6A7F71
- 728076
- 79807B
Harmonias de cor
Complementar +180°
- 247B4D
Woodland Soul
- 8F4E81
≈ Razzmic Berry
Análoga -30° +30°
- 247B4D
Woodland Soul
- 597425
≈ Fern Frond
- 007970
≈ Pond Moss
Tríade +120° +240°
- 247B4D
Woodland Soul
- 5862A7
≈ Submarine Base
- 9D4F3A
≈ Redridge Brown
Complementar dividida +150° +210°
- 247B4D
Woodland Soul
- 78579B
≈ Juneberry
- 9C4B5F
≈ Baby Berries
Tétrade +90° +180° +270°
- 247B4D
Woodland Soul
- 286EA4
≈ Deep Water
- 8F4E81
≈ Razzmic Berry
- 935A10
≈ Sepia Wash
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.22:1 · APCA Lc 76
Ag
FailSobre preto
WCAG 4.01:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--woodland-soul: #247b4d;
--woodland-soul-rgb: 36 123 77;
--woodland-soul-oklch: oklch(0.52 0.11 155.8);
}
.element {
color: var(--woodland-soul);
background-color: hsl(148 55% 31%);
border-color: oklch(0.52 0.11 155.8);
}Tailwind CSS v4
@theme {
--color-woodland-soul: #247b4d;
--color-woodland-soul-50: #dcffe9;
--color-woodland-soul-100: #caf4da;
--color-woodland-soul-200: #ade3c2;
--color-woodland-soul-300: #87c9a2;
--color-woodland-soul-400: #64b283;
--color-woodland-soul-500: #3c9b66;
--color-woodland-soul-600: #358357;
--color-woodland-soul-700: #2a6945;
--color-woodland-soul-800: #1f4d30;
--color-woodland-soul-900: #143621;
--color-woodland-soul-950: #052110;
}SCSS
$woodland-soul: #247b4d;
$woodland-soul-rgb: 36, 123, 77;
$woodland-soul-light: mix(#fff, $woodland-soul, 20%);
$woodland-soul-dark: mix(#000, $woodland-soul, 20%);
.element {
color: $woodland-soul;
box-shadow: 0 0 0 2px rgba($woodland-soul, 0.35);
}