Cor nomeada mais próxima · #C7E2D7
#C7E2D7
Cor nomeada mais próxima: Antiguan
#C7E2D7 (rgb(199 226 215), hsl(156 32% 83%), oklch(0.89 0.032 169.1)) é mais próxima da cor nomeada Antiguan. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#C7E2D7
oklch(0.89 0.032 169.1)
Conversões de cor
- HEX
- #c7e2d7
- RGB
- rgb(199 226 215)
- HSL
- hsl(156 32% 83%)
- HWB
- hwb(156 78% 11%)
- OKLCH
- oklch(0.89 0.032 169.1)
- OKLab
- oklab(0.89 -0.032 0.006)
- CIE Lab
- lab(87.65 -10.83 2.22)
- LCH
- lch(87.65 11.05 168.4)
- CMYK
- cmyk(12% 0% 5% 11%)
Tons claros · Sombras · Tons
Tons claros
- CDE5DB
- D2E8DF
- D8EBE3
- DDEEE7
- E3F0EB
- E9F3EF
- EEF6F3
- F4F9F7
- F9FCFB
Sombras
- ADC4BB
- 93A89F
- 7A8C85
- 62716B
- 4C5752
- 363E3B
- 212725
- 0E1211
- 020302
Tons
- C0D8CE
- B8CEC5
- B1C4BC
- AABAB3
- A3B0AA
- 9CA6A2
- 959C99
- 8E9391
- 878988
Harmonias de cor
Complementar +180°
- C7E2D7
Antiguan
- ECD3DE
≈ Light Favourite Lady
Análoga -30° +30°
- C7E2D7
Antiguan
- D0E0CC
≈ Endive
- C3E2E3
≈ Cold Wave
Tríade +120° +240°
- C7E2D7
Antiguan
- D9D8EF
≈ Quartz
- EDD5C8
≈ Blush Beige
Complementar dividida +150° +210°
- C7E2D7
Antiguan
- E4D4E9
≈ Old Chalk
- F0D3D2
≈ Marshmallow Magic
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.37:1 · APCA Lc 18
Ag
AAASobre preto
WCAG 15.28:1 · APCA Lc 85
Melhor cor de texto: #000000
WCAG 15.28:1 (AAA) · APCA Lc 85
Contrast pairs
Trechos de código
CSS
:root {
--antiguan: #c7e2d7;
--antiguan-rgb: 199 226 215;
--antiguan-oklch: oklch(0.89 0.032 169.1);
}
.element {
color: var(--antiguan);
background-color: hsl(156 32% 83%);
border-color: oklch(0.89 0.032 169.1);
}Tailwind CSS v4
@theme {
--color-antiguan: #c7e2d7;
--color-antiguan-50: #edf8f4;
--color-antiguan-100: #deece6;
--color-antiguan-200: #c7d9d2;
--color-antiguan-300: #a8bdb5;
--color-antiguan-400: #8da59b;
--color-antiguan-500: #728d82;
--color-antiguan-600: #60786e;
--color-antiguan-700: #4d6058;
--color-antiguan-800: #384640;
--color-antiguan-900: #26312c;
--color-antiguan-950: #151d19;
}SCSS
$antiguan: #c7e2d7;
$antiguan-rgb: 199, 226, 215;
$antiguan-light: mix(#fff, $antiguan, 20%);
$antiguan-dark: mix(#000, $antiguan, 20%);
.element {
color: $antiguan;
box-shadow: 0 0 0 2px rgba($antiguan, 0.35);
}