Cor nomeada · #8BCBAB
Sybarite Green
Sybarite Green é #8BCBAB: rgb(139 203 171), hsl(150 38% 67%), oklch(0.79 0.08 162.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Sybarite Green color name →
#8BCBAB
oklch(0.79 0.08 162.1)
Conversões de cor
- HEX
- #8bcbab
- RGB
- rgb(139 203 171)
- HSL
- hsl(150 38% 67%)
- HWB
- hwb(150 55% 20%)
- OKLCH
- oklch(0.79 0.08 162.1)
- OKLab
- oklab(0.79 -0.076 0.025)
- CIE Lab
- lab(76.69 -26.38 9.2)
- LCH
- lch(76.69 27.94 160.8)
- CMYK
- cmyk(32% 0% 16% 20%)
Tons claros · Sombras · Tons
Tons claros
- 97D0B3
- A3D5BB
- AFDBC4
- BAE0CC
- C6E5D4
- D1EADD
- DDF0E5
- E8F5EE
- F4FAF6
Sombras
- 78B094
- 66967E
- 547D68
- 436554
- 324D40
- 23372D
- 14221B
- 070F0B
- 010201
Tons
- 8BC3A7
- 8ABCA2
- 89B49E
- 88AD9A
- 87A595
- 869E91
- 85968D
- 838F88
- 828784
Harmonias de cor
Complementar +180°
- 8BCBAB
Sybarite Green
- DFA7C9
≈ Aristocratic Pink
Análoga -30° +30°
- 8BCBAB
Sybarite Green
- A8C691
≈ Arcadian Green
- 7ACBC8
≈ Blue Green Gem
Tríade +120° +240°
- 8BCBAB
Sybarite Green
- B2B5ED
≈ Perano
- E7AA92
≈ Aloha Sunset
Complementar dividida +150° +210°
- 8BCBAB
Sybarite Green
- CCACE0
≈ Cherish the Moment
- E9A6AD
≈ Perennial Phlox
Tétrade +90° +180° +270°
- 8BCBAB
Sybarite Green
- 95BEED
≈ Blue Shutters
- DFA7C9
≈ Aristocratic Pink
- DBB381
≈ Boudin
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.87:1 · APCA Lc 35
Ag
AAASobre preto
WCAG 11.22:1 · APCA Lc 67
Melhor cor de texto: #000000
WCAG 11.22:1 (AAA) · APCA Lc 67
Contrast pairs
Trechos de código
CSS
:root {
--sybarite-green: #8bcbab;
--sybarite-green-rgb: 139 203 171;
--sybarite-green-oklch: oklch(0.79 0.08 162.1);
}
.element {
color: var(--sybarite-green);
background-color: hsl(150 38% 67%);
border-color: oklch(0.79 0.08 162.1);
}Tailwind CSS v4
@theme {
--color-sybarite-green: #8bcbab;
--color-sybarite-green-50: #e1fdef;
--color-sybarite-green-100: #d1f1e1;
--color-sybarite-green-200: #b6e0cb;
--color-sybarite-green-300: #92c5ad;
--color-sybarite-green-400: #72ae90;
--color-sybarite-green-500: #509776;
--color-sybarite-green-600: #458064;
--color-sybarite-green-700: #376650;
--color-sybarite-green-800: #284b39;
--color-sybarite-green-900: #1b3427;
--color-sybarite-green-950: #0b1f15;
}SCSS
$sybarite-green: #8bcbab;
$sybarite-green-rgb: 139, 203, 171;
$sybarite-green-light: mix(#fff, $sybarite-green, 20%);
$sybarite-green-dark: mix(#000, $sybarite-green, 20%);
.element {
color: $sybarite-green;
box-shadow: 0 0 0 2px rgba($sybarite-green, 0.35);
}