Cor nomeada mais próxima · #B2C69D
#B2C69D
Cor nomeada mais próxima: Greenhorn
#B2C69D (rgb(178 198 157), hsl(89 26% 70%), oklch(0.801 0.06 128.9)) é mais próxima da cor nomeada Greenhorn. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#B2C69D
oklch(0.801 0.06 128.9)
Conversões de cor
- HEX
- #b2c69d
- RGB
- rgb(178 198 157)
- HSL
- hsl(89 26% 70%)
- HWB
- hwb(89 62% 22%)
- OKLCH
- oklch(0.801 0.06 128.9)
- OKLab
- oklab(0.801 -0.038 0.047)
- CIE Lab
- lab(77.54 -12.54 18.24)
- LCH
- lch(77.54 22.14 124.5)
- CMYK
- cmyk(10% 0% 21% 22%)
Tons claros · Sombras · Tons
Tons claros
- B9CCA7
- C1D1B0
- C9D7BA
- D0DDC4
- D8E2CE
- E0E8D7
- E7EEE1
- EFF4EB
- F7F9F5
Sombras
- 9AAC88
- 839273
- 6D7A5F
- 57624C
- 434B3A
- 2F3528
- 1D2118
- 0C0E09
- 010201
Tons
- ADBF9A
- A8B897
- A3B195
- 9EA992
- 99A28F
- 949B8C
- 8F9589
- 8A8E86
- 858783
Harmonias de cor
Complementar +180°
- B2C69D
Greenhorn
- C9B4DC
≈ Sea Lavender
Análoga -30° +30°
- B2C69D
Greenhorn
- C7BF93
≈ Parlour Sage
- 9DCAB0
≈ Lobaria Lichen
Tríade +120° +240°
- B2C69D
Greenhorn
- A0C2E4
≈ Pale Cerulean
- E1AEB6
≈ Sakura
Complementar dividida +150° +210°
- B2C69D
Greenhorn
- B5BBE5
≈ Wish
- D9AFCB
≈ Pink Lavender
Tétrade +90° +180° +270°
- B2C69D
Greenhorn
- 92C8D8
≈ Blue Glint
- C9B4DC
≈ Sea Lavender
- E1B1A2
≈ Prosciutto
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.83:1 · APCA Lc 34
Ag
AAASobre preto
WCAG 11.45:1 · APCA Lc 68
Melhor cor de texto: #000000
WCAG 11.45:1 (AAA) · APCA Lc 68
Contrast pairs
Trechos de código
CSS
:root {
--greenhorn: #b2c69d;
--greenhorn-rgb: 178 198 157;
--greenhorn-oklch: oklch(0.801 0.06 128.9);
}
.element {
color: var(--greenhorn);
background-color: hsl(89 26% 70%);
border-color: oklch(0.801 0.06 128.9);
}Tailwind CSS v4
@theme {
--color-greenhorn: #b2c69d;
--color-greenhorn-50: #eff9e7;
--color-greenhorn-100: #e1ecd8;
--color-greenhorn-200: #cbdabf;
--color-greenhorn-300: #adbe9e;
--color-greenhorn-400: #93a680;
--color-greenhorn-500: #7a8e63;
--color-greenhorn-600: #677854;
--color-greenhorn-700: #526043;
--color-greenhorn-800: #3d4630;
--color-greenhorn-900: #2a3120;
--color-greenhorn-950: #171d10;
}SCSS
$greenhorn: #b2c69d;
$greenhorn-rgb: 178, 198, 157;
$greenhorn-light: mix(#fff, $greenhorn, 20%);
$greenhorn-dark: mix(#000, $greenhorn, 20%);
.element {
color: $greenhorn;
box-shadow: 0 0 0 2px rgba($greenhorn, 0.35);
}