Cor nomeada mais próxima · #337A48
#337A48
Cor nomeada mais próxima: Bold Irish
#337A48 (rgb(51 122 72), hsl(138 41% 34%), oklch(0.521 0.106 150.8)) é mais próxima da cor nomeada Bold Irish. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#337A48
oklch(0.521 0.106 150.8)
Conversões de cor
- HEX
- #337a48
- RGB
- rgb(51 122 72)
- HSL
- hsl(138 41% 34%)
- HWB
- hwb(138 20% 52%)
- OKLCH
- oklch(0.521 0.106 150.8)
- OKLab
- oklab(0.521 -0.093 0.052)
- CIE Lab
- lab(45.75 -32.28 20.44)
- LCH
- lch(45.75 38.21 147.7)
- CMYK
- cmyk(58% 0% 41% 52%)
Tons claros · Sombras · Tons
Tons claros
- 498759
- 5E946B
- 72A17C
- 86AE8E
- 99BBA0
- ADC9B3
- C2D6C5
- D6E4D8
- EAF1EB
Sombras
- 2B693D
- 235933
- 1C4929
- 143A1F
- 0D2B16
- 071D0D
- 031006
- 010502
- 000100
Tons
- 3D7B4E
- 467C54
- 4F7C59
- 567D5F
- 5E7E65
- 657E6A
- 6C7F70
- 737F75
- 79807B
Harmonias de cor
Complementar +180°
- 337A48
Bold Irish
- 8B5185
≈ Razzmic Berry
Análoga -30° +30°
- 337A48
Bold Irish
- 617222
≈ Fern Frond
- 007A6C
≈ Pond Moss
Tríade +120° +240°
- 337A48
Bold Irish
- 5264A6
≈ Submarine Base
- 9D4F42
≈ Boynton Canyon
Complementar dividida +150° +210°
- 337A48
Bold Irish
- 74599C
≈ Passion Flower
- 9A4D66
≈ Baby Berries
Tétrade +90° +180° +270°
- 337A48
Bold Irish
- 2170A0
≈ Deep Water
- 8B5185
≈ Razzmic Berry
- 94591E
≈ 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 {
--bold-irish: #337a48;
--bold-irish-rgb: 51 122 72;
--bold-irish-oklch: oklch(0.521 0.106 150.8);
}
.element {
color: var(--bold-irish);
background-color: hsl(138 41% 34%);
border-color: oklch(0.521 0.106 150.8);
}Tailwind CSS v4
@theme {
--color-bold-irish: #337a48;
--color-bold-irish-50: #dfffe7;
--color-bold-irish-100: #cef3d7;
--color-bold-irish-200: #b3e2bf;
--color-bold-irish-300: #8dc89e;
--color-bold-irish-400: #6eb07e;
--color-bold-irish-500: #4a9a61;
--color-bold-irish-600: #408252;
--color-bold-irish-700: #336841;
--color-bold-irish-800: #264c2d;
--color-bold-irish-900: #19351f;
--color-bold-irish-950: #09200e;
}SCSS
$bold-irish: #337a48;
$bold-irish-rgb: 51, 122, 72;
$bold-irish-light: mix(#fff, $bold-irish, 20%);
$bold-irish-dark: mix(#000, $bold-irish, 20%);
.element {
color: $bold-irish;
box-shadow: 0 0 0 2px rgba($bold-irish, 0.35);
}