Color con nombre más cercano · #ABCDB9
#ABCDB9
Color con nombre más cercano: Gum Leaf
#ABCDB9 (rgb(171 205 185), hsl(145 25% 74%), oklch(0.818 0.046 159.4)) se parece más al color con nombre Gum Leaf. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#ABCDB9
oklch(0.818 0.046 159.4)
Conversiones de color
- HEX
- #abcdb9
- RGB
- rgb(171 205 185)
- HSL
- hsl(145 25% 74%)
- HWB
- hwb(145 67% 20%)
- OKLCH
- oklch(0.818 0.046 159.4)
- OKLab
- oklab(0.818 -0.043 0.016)
- CIE Lab
- lab(79.48 -14.71 6.03)
- LCH
- lch(79.48 15.9 157.7)
- CMYK
- cmyk(17% 0% 10% 20%)
Tintes · Sombras · Tonos
Tintes
- B3D2C0
- BCD7C7
- C4DCCE
- CCE1D5
- D5E6DC
- DDEBE3
- E6F0EA
- EEF5F1
- F7FAF8
Sombras
- 94B2A0
- 7E9889
- 687E71
- 54665B
- 404E46
- 2D3831
- 1B231E
- 0B0F0D
- 010202
Tonos
- A7C5B3
- A2BDAD
- 9EB5A8
- 9AAEA2
- 96A69C
- 919E96
- 8D9691
- 898F8B
- 848786
Armonías de color
Complementario +180°
- ABCDB9
Gum Leaf
- D9B8CD
≈ Immortal Indigo
Análogo -30° +30°
- ABCDB9
Gum Leaf
- BACAAB
≈ Pale Leaf
- A2CDCA
≈ Ice Boutique Turquoise
Triádico +120° +240°
- ABCDB9
Gum Leaf
- BDC1E1
≈ Canterbury Bells
- DFBAAE
≈ Pickled Pork
Complementario dividido +150° +210°
- ABCDB9
Gum Leaf
- CCBCDA
≈ Petite Purple
- DFB8BD
≈ Shy Young Salmon
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.72:1 · APCA Lc 31
Ag
AAASobre negro
WCAG 12.16:1 · APCA Lc 72
Mejor color de texto: #000000
WCAG 12.16:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--gum-leaf: #abcdb9;
--gum-leaf-rgb: 171 205 185;
--gum-leaf-oklch: oklch(0.818 0.046 159.4);
}
.element {
color: var(--gum-leaf);
background-color: hsl(145 25% 74%);
border-color: oklch(0.818 0.046 159.4);
}Tailwind CSS v4
@theme {
--color-gum-leaf: #abcdb9;
--color-gum-leaf-50: #eaf9f1;
--color-gum-leaf-100: #dbede3;
--color-gum-leaf-200: #c4dbce;
--color-gum-leaf-300: #a4bfb0;
--color-gum-leaf-400: #88a795;
--color-gum-leaf-500: #6c907b;
--color-gum-leaf-600: #5c7a69;
--color-gum-leaf-700: #496154;
--color-gum-leaf-800: #35473c;
--color-gum-leaf-900: #243129;
--color-gum-leaf-950: #131d17;
}SCSS
$gum-leaf: #abcdb9;
$gum-leaf-rgb: 171, 205, 185;
$gum-leaf-light: mix(#fff, $gum-leaf, 20%);
$gum-leaf-dark: mix(#000, $gum-leaf, 20%);
.element {
color: $gum-leaf;
box-shadow: 0 0 0 2px rgba($gum-leaf, 0.35);
}