Cor nomeada · #C3ECE9
Gentle Cold
Gentle Cold é #C3ECE9: rgb(195 236 233), hsl(176 52% 85%), oklch(0.913 0.043 191). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Gentle Cold color name →
#C3ECE9
oklch(0.913 0.043 191)
Conversões de cor
- HEX
- #c3ece9
- RGB
- rgb(195 236 233)
- HSL
- hsl(176 52% 85%)
- HWB
- hwb(176 76% 7%)
- OKLCH
- oklch(0.913 0.043 191)
- OKLab
- oklab(0.913 -0.042 -0.008)
- CIE Lab
- lab(90.42 -14.18 -3.19)
- LCH
- lch(90.42 14.54 192.7)
- CMYK
- cmyk(17% 0% 1% 7%)
Tons claros · Sombras · Tons
Tons claros
- C9EEEB
- CFF0ED
- D5F2F0
- DBF4F2
- E1F6F4
- E7F7F6
- EDF9F8
- F3FBFB
- F9FDFD
Sombras
- A9CDCB
- 90AFAD
- 789290
- 607674
- 4A5B5A
- 344241
- 202929
- 0E1313
- 020303
Tons
- BCE1DE
- B6D6D3
- AFCAC8
- A8BFBE
- A1B5B3
- 9BAAA9
- 949F9E
- 8D9594
- 878A8A
Harmonias de cor
Complementar +180°
- C3ECE9
Gentle Cold
- FDD7DB
≈ Mexican Mudkip
Análoga -30° +30°
- C3ECE9
Gentle Cold
- CBECD9
≈ Glacial Water Green
- C4EAF7
≈ Frosty Day
Tríade +120° +240°
- C3ECE9
Gentle Cold
- ECDBF8
≈ Lavender Savour
- F5DEC4
≈ Sazerac
Complementar dividida +150° +210°
- C3ECE9
Gentle Cold
- F7D8EB
≈ Nursery Pink
- FDDACD
≈ Yours Truly
Tétrade +90° +180° +270°
- C3ECE9
Gentle Cold
- DDE0FF
≈ Stoic White
- FDD7DB
≈ Mexican Mudkip
- E8E4C4
≈ Child of Heaven
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.27:1 · APCA Lc 14
Ag
AAASobre preto
WCAG 16.49:1 · APCA Lc 90
Melhor cor de texto: #000000
WCAG 16.49:1 (AAA) · APCA Lc 90
Contrast pairs
Trechos de código
CSS
:root {
--gentle-cold: #c3ece9;
--gentle-cold-rgb: 195 236 233;
--gentle-cold-oklch: oklch(0.913 0.043 191);
}
.element {
color: var(--gentle-cold);
background-color: hsl(176 52% 85%);
border-color: oklch(0.913 0.043 191);
}Tailwind CSS v4
@theme {
--color-gentle-cold: #c3ece9;
--color-gentle-cold-50: #e8f9f8;
--color-gentle-cold-100: #d9edec;
--color-gentle-cold-200: #c0dad9;
--color-gentle-cold-300: #9fbfbd;
--color-gentle-cold-400: #82a7a4;
--color-gentle-cold-500: #65908d;
--color-gentle-cold-600: #567977;
--color-gentle-cold-700: #44615f;
--color-gentle-cold-800: #314745;
--color-gentle-cold-900: #213130;
--color-gentle-cold-950: #111d1c;
}SCSS
$gentle-cold: #c3ece9;
$gentle-cold-rgb: 195, 236, 233;
$gentle-cold-light: mix(#fff, $gentle-cold, 20%);
$gentle-cold-dark: mix(#000, $gentle-cold, 20%);
.element {
color: $gentle-cold;
box-shadow: 0 0 0 2px rgba($gentle-cold, 0.35);
}