Cor nomeada mais próxima · #C4E6DB
#C4E6DB
Cor nomeada mais próxima: Antiguan
#C4E6DB (rgb(196 230 219), hsl(161 40% 84%), oklch(0.897 0.039 173.9)) é mais próxima da cor nomeada Antiguan. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#C4E6DB
oklch(0.897 0.039 173.9)
Conversões de cor
- HEX
- #c4e6db
- RGB
- rgb(196 230 219)
- HSL
- hsl(161 40% 84%)
- HWB
- hwb(161 77% 10%)
- OKLCH
- oklch(0.897 0.039 173.9)
- OKLab
- oklab(0.897 -0.038 0.004)
- CIE Lab
- lab(88.59 -13.14 1.45)
- LCH
- lch(88.59 13.22 173.7)
- CMYK
- cmyk(15% 0% 5% 10%)
Tons claros · Sombras · Tons
Tons claros
- CAE9DF
- D0EBE2
- D6EEE6
- DCF0E9
- E2F3ED
- E8F5F0
- EDF8F4
- F3FAF8
- F9FDFB
Sombras
- AAC8BE
- 91ABA2
- 788E87
- 61736D
- 4A5954
- 35403C
- 212826
- 0E1311
- 020302
Tons
- BDDBD2
- B6D1C8
- AFC6BF
- A9BCB6
- A2B2AC
- 9BA8A3
- 949D9A
- 8D9491
- 878A89
Harmonias de cor
Complementar +180°
- C4E6DB
Antiguan
- F3D3DF
≈ Pomodoro e Mozzarella
Análoga -30° +30°
- C4E6DB
Antiguan
- CEE4CD
≈ Lime Flip
- C0E5E9
≈ La Paz Siesta
Tríade +120° +240°
- C4E6DB
Antiguan
- DED9F5
≈ Nostalgia Perfume
- F3D7C6
≈ Resort Sunrise
Complementar dividida +150° +210°
- C4E6DB
Antiguan
- EAD5EC
≈ First Lilac
- F6D4D1
≈ Ballet
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.33:1 · APCA Lc 17
Ag
AAASobre preto
WCAG 15.68:1 · APCA Lc 87
Melhor cor de texto: #000000
WCAG 15.68:1 (AAA) · APCA Lc 87
Contrast pairs
Trechos de código
CSS
:root {
--antiguan: #c4e6db;
--antiguan-rgb: 196 230 219;
--antiguan-oklch: oklch(0.897 0.039 173.9);
}
.element {
color: var(--antiguan);
background-color: hsl(161 40% 84%);
border-color: oklch(0.897 0.039 173.9);
}Tailwind CSS v4
@theme {
--color-antiguan: #c4e6db;
--color-antiguan-50: #eaf9f5;
--color-antiguan-100: #dbece7;
--color-antiguan-200: #c4dad3;
--color-antiguan-300: #a4beb6;
--color-antiguan-400: #88a69d;
--color-antiguan-500: #6c8f84;
--color-antiguan-600: #5c7970;
--color-antiguan-700: #496159;
--color-antiguan-800: #354741;
--color-antiguan-900: #24312d;
--color-antiguan-950: #131d1a;
}SCSS
$antiguan: #c4e6db;
$antiguan-rgb: 196, 230, 219;
$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);
}