Color con nombre más cercano · #67A38A
#67A38A
Color con nombre más cercano: Emerald Oasis
#67A38A (rgb(103 163 138), hsl(155 25% 52%), oklch(0.667 0.073 166)) se parece más al color con nombre Emerald Oasis. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#67A38A
oklch(0.667 0.073 166)
Conversiones de color
- HEX
- #67a38a
- RGB
- rgb(103 163 138)
- HSL
- hsl(155 25% 52%)
- HWB
- hwb(155 40% 36%)
- OKLCH
- oklch(0.667 0.073 166)
- OKLab
- oklab(0.667 -0.071 0.018)
- CIE Lab
- lab(62.35 -24.71 6.57)
- LCH
- lch(62.35 25.57 165.1)
- CMYK
- cmyk(37% 0% 15% 36%)
Tintes · Sombras · Tonos
Tintes
- 77AC95
- 86B5A0
- 95BEAC
- A4C7B7
- B3D0C3
- C2DACF
- D1E3DB
- E0ECE7
- F0F6F3
Sombras
- 598D77
- 4B7865
- 3D6353
- 304F42
- 233C32
- 172A22
- 0C1914
- 040A07
- 000101
Tonos
- 6AA089
- 6E9C88
- 719987
- 739586
- 769285
- 788E84
- 7A8B83
- 7C8782
- 7E8481
Armonías de color
Complementario +180°
- 67A38A
Emerald Oasis
- B6829E
≈ Opera Mauve
Análogo -30° +30°
- 67A38A
Emerald Oasis
- 809F72
≈ Amulet
- 59A3A3
≈ Teal Bayou
Triádico +120° +240°
- 67A38A
Emerald Oasis
- 908EC0
≈ Sweet Lavender
- BB876E
≈ Clay Ground
Complementario dividido +150° +210°
- 67A38A
Emerald Oasis
- A687B3
≈ Purple Statice
- BD8285
≈ Baker Rose
Tetrádico +90° +180° +270°
- 67A38A
Emerald Oasis
- 7796C1
≈ Denver River
- B6829E
≈ Opera Mauve
- AE8E60
≈ Alpha Gold
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.92:1 · APCA Lc 56
Ag
AAASobre negro
WCAG 7.18:1 · APCA Lc 46
Mejor color de texto: #000000
WCAG 7.18:1 (AAA) · APCA Lc 46
Contrast pairs
Fragmentos de código
CSS
:root {
--emerald-oasis: #67a38a;
--emerald-oasis-rgb: 103 163 138;
--emerald-oasis-oklch: oklch(0.667 0.073 166);
}
.element {
color: var(--emerald-oasis);
background-color: hsl(155 25% 52%);
border-color: oklch(0.667 0.073 166);
}Tailwind CSS v4
@theme {
--color-emerald-oasis: #67a38a;
--color-emerald-oasis-50: #e2fcf1;
--color-emerald-oasis-100: #d1f0e3;
--color-emerald-oasis-200: #b7dfce;
--color-emerald-oasis-300: #93c4b0;
--color-emerald-oasis-400: #74ad95;
--color-emerald-oasis-500: #53967b;
--color-emerald-oasis-600: #477f68;
--color-emerald-oasis-700: #386553;
--color-emerald-oasis-800: #294a3c;
--color-emerald-oasis-900: #1b3429;
--color-emerald-oasis-950: #0b1f17;
}SCSS
$emerald-oasis: #67a38a;
$emerald-oasis-rgb: 103, 163, 138;
$emerald-oasis-light: mix(#fff, $emerald-oasis, 20%);
$emerald-oasis-dark: mix(#000, $emerald-oasis, 20%);
.element {
color: $emerald-oasis;
box-shadow: 0 0 0 2px rgba($emerald-oasis, 0.35);
}