Color con nombre más cercano · #ADE1AB
#ADE1AB
Color con nombre más cercano: Celadon
#ADE1AB (rgb(173 225 171), hsl(118 47% 78%), oklch(0.86 0.091 143.8)) se parece más al color con nombre Celadon. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#ADE1AB
oklch(0.86 0.091 143.8)
Conversiones de color
- HEX
- #ade1ab
- RGB
- rgb(173 225 171)
- HSL
- hsl(118 47% 78%)
- HWB
- hwb(118 67% 12%)
- OKLCH
- oklch(0.86 0.091 143.8)
- OKLab
- oklab(0.86 -0.074 0.054)
- CIE Lab
- lab(84.87 -25.07 20.86)
- LCH
- lch(84.87 32.62 140.2)
- CMYK
- cmyk(23% 0% 24% 12%)
Tintes · Sombras · Tonos
Tintes
- B5E4B3
- BEE7BC
- C6EAC4
- CEEDCD
- D6F0D5
- DFF3DD
- E7F6E6
- EFF9EE
- F7FCF7
Sombras
- 96C494
- 7FA77E
- 6A8B68
- 557054
- 415640
- 2D3E2D
- 1B271B
- 0B120B
- 010201
Tonos
- A9D7A7
- A4CDA3
- A0C39E
- 9BB99A
- 97B096
- 92A691
- 8E9C8D
- 899389
- 858984
Armonías de color
Complementario +180°
- ADE1AB
Celadon
- EFBDF3
≈ Lovecloud
Análogo -30° +30°
- ADE1AB
Celadon
- D0D892
≈ Vacation Island
- 8FE5CC
≈ Clean Green
Triádico +120° +240°
- ADE1AB
Celadon
- BAD1FF
≈ Ice Cold Stare
- FFBEB9
≈ Peach Scone
Complementario dividido +150° +210°
- ADE1AB
Celadon
- D3C8FF
≈ Innocent Snowdrop
- FFBAD5
≈ Cotton Candy
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.48:1 · APCA Lc 23
Ag
AAASobre negro
WCAG 14.13:1 · APCA Lc 80
Mejor color de texto: #000000
WCAG 14.13:1 (AAA) · APCA Lc 80
Contrast pairs
Fragmentos de código
CSS
:root {
--celadon: #ade1ab;
--celadon-rgb: 173 225 171;
--celadon-oklch: oklch(0.86 0.091 143.8);
}
.element {
color: var(--celadon);
background-color: hsl(118 47% 78%);
border-color: oklch(0.86 0.091 143.8);
}Tailwind CSS v4
@theme {
--color-celadon: #ade1ab;
--color-celadon-50: #e5fde6;
--color-celadon-100: #d5f1d6;
--color-celadon-200: #bcdfbd;
--color-celadon-300: #9ac49c;
--color-celadon-400: #7dad7c;
--color-celadon-500: #5f965e;
--color-celadon-600: #517f50;
--color-celadon-700: #416640;
--color-celadon-800: #304a2c;
--color-celadon-900: #20341e;
--color-celadon-950: #101f0e;
}SCSS
$celadon: #ade1ab;
$celadon-rgb: 173, 225, 171;
$celadon-light: mix(#fff, $celadon, 20%);
$celadon-dark: mix(#000, $celadon, 20%);
.element {
color: $celadon;
box-shadow: 0 0 0 2px rgba($celadon, 0.35);
}