Cor nomeada mais próxima · #A3DDBF
#A3DDBF
Cor nomeada mais próxima: Quiet Jade
#A3DDBF (rgb(163 221 191), hsl(149 46% 75%), oklch(0.849 0.073 161.8)) é mais próxima da cor nomeada Quiet Jade. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#A3DDBF
oklch(0.849 0.073 161.8)
Conversões de cor
- HEX
- #a3ddbf
- RGB
- rgb(163 221 191)
- HSL
- hsl(149 46% 75%)
- HWB
- hwb(149 64% 13%)
- OKLCH
- oklch(0.849 0.073 161.8)
- OKLab
- oklab(0.849 -0.069 0.023)
- CIE Lab
- lab(83.52 -23.88 8.5)
- LCH
- lch(83.52 25.35 160.4)
- CMYK
- cmyk(26% 0% 14% 13%)
Tons claros · Sombras · Tons
Tons claros
- ADE0C5
- B6E4CC
- BFE7D2
- C9EBD8
- D2EEDF
- DBF2E5
- E4F5EC
- EDF8F2
- F6FCF8
Sombras
- 8DC0A6
- 78A48D
- 638875
- 4F6E5E
- 3C5548
- 2A3D33
- 19261F
- 0A110D
- 010202
Tons
- A0D3B9
- 9DCAB2
- 99C0AC
- 96B7A5
- 93AE9F
- 8FA499
- 8B9B92
- 88928C
- 848986
Harmonias de cor
Complementar +180°
- A3DDBF
Quiet Jade
- F0BBDB
≈ Rosecco
Análoga -30° +30°
- A3DDBF
Quiet Jade
- BCD8A7
≈ Apple Cream
- 94DDDA
≈ Limpet Shell
Tríade +120° +240°
- A3DDBF
Quiet Jade
- C5C9FD
≈ Light Periwinkle
- F8BFA9
≈ Heirloom Apricot
Complementar dividida +150° +210°
- A3DDBF
Quiet Jade
- DEC1F1
≈ Beefy Pink
- F9BBC1
≈ Pink Bubble Tea
Tétrade +90° +180° +270°
- A3DDBF
Quiet Jade
- ABD1FD
≈ Ice Cold Stare
- F0BBDB
≈ Rosecco
- ECC699
≈ Golden City Moon
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.53:1 · APCA Lc 25
Ag
AAASobre preto
WCAG 13.65:1 · APCA Lc 78
Melhor cor de texto: #000000
WCAG 13.65:1 (AAA) · APCA Lc 78
Contrast pairs
Trechos de código
CSS
:root {
--quiet-jade: #a3ddbf;
--quiet-jade-rgb: 163 221 191;
--quiet-jade-oklch: oklch(0.849 0.073 161.8);
}
.element {
color: var(--quiet-jade);
background-color: hsl(149 46% 75%);
border-color: oklch(0.849 0.073 161.8);
}Tailwind CSS v4
@theme {
--color-quiet-jade: #a3ddbf;
--color-quiet-jade-50: #e3fcef;
--color-quiet-jade-100: #d3f0e1;
--color-quiet-jade-200: #b9dfcc;
--color-quiet-jade-300: #96c4ad;
--color-quiet-jade-400: #77ac91;
--color-quiet-jade-500: #579577;
--color-quiet-jade-600: #4a7e65;
--color-quiet-jade-700: #3b6551;
--color-quiet-jade-800: #2b4a3a;
--color-quiet-jade-900: #1d3427;
--color-quiet-jade-950: #0d1f16;
}SCSS
$quiet-jade: #a3ddbf;
$quiet-jade-rgb: 163, 221, 191;
$quiet-jade-light: mix(#fff, $quiet-jade, 20%);
$quiet-jade-dark: mix(#000, $quiet-jade, 20%);
.element {
color: $quiet-jade;
box-shadow: 0 0 0 2px rgba($quiet-jade, 0.35);
}