Color con nombre · #C9EAD4
Glacial Water Green
Glacial Water Green es #C9EAD4: rgb(201 234 212), hsl(140 44% 85%), oklch(0.907 0.046 156.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Glacial Water Green color name →
#C9EAD4
oklch(0.907 0.046 156.2)
Conversiones de color
- HEX
- #c9ead4
- RGB
- rgb(201 234 212)
- HSL
- hsl(140 44% 85%)
- HWB
- hwb(140 79% 8%)
- OKLCH
- oklch(0.907 0.046 156.2)
- OKLab
- oklab(0.907 -0.042 0.018)
- CIE Lab
- lab(89.85 -14.31 6.92)
- LCH
- lch(89.85 15.9 154.2)
- CMYK
- cmyk(14% 0% 9% 8%)
Tintes · Sombras · Tonos
Tintes
- CEECD8
- D4EEDD
- D9F0E1
- DFF2E5
- E4F5E9
- EAF7EE
- EFF9F2
- F4FBF6
- FAFDFB
Sombras
- AECBB8
- 95AE9D
- 7C9183
- 647569
- 4C5A51
- 36413A
- 222924
- 0F1310
- 020302
Tonos
- C2DFCB
- BAD4C3
- B3C9BA
- ABBEB2
- A4B4A9
- 9DA9A1
- 969F98
- 8E9490
- 878A88
Armonías de color
Complementario +180°
- C9EAD4
Glacial Water Green
- F5D5EC
≈ Infatuation
Análogo -30° +30°
- C9EAD4
Glacial Water Green
- D9E6C6
≈ Flower Bulb
- BFEBE5
≈ Pool Party
Triádico +120° +240°
- C9EAD4
Glacial Water Green
- D8DFFF
≈ Transparent Blue
- FDD7CC
≈ Shell Tint
Complementario dividido +150° +210°
- C9EAD4
Glacial Water Green
- E8D9F9
≈ Pouty Purple
- FCD4DB
≈ Pink Fluorite
Tetrádico +90° +180° +270°
- C9EAD4
Glacial Water Green
- C9E4FE
≈ Fresh Water
- F5D5EC
≈ Infatuation
- F6DBC1
≈ Pumpkin Essence
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.29:1 · APCA Lc 15
Ag
AAASobre negro
WCAG 16.20:1 · APCA Lc 89
Mejor color de texto: #000000
WCAG 16.20:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmentos de código
CSS
:root {
--glacial-water-green: #c9ead4;
--glacial-water-green-rgb: 201 234 212;
--glacial-water-green-oklch: oklch(0.907 0.046 156.2);
}
.element {
color: var(--glacial-water-green);
background-color: hsl(140 44% 85%);
border-color: oklch(0.907 0.046 156.2);
}Tailwind CSS v4
@theme {
--color-glacial-water-green: #c9ead4;
--color-glacial-water-green-50: #ebf9f0;
--color-glacial-water-green-100: #dcede2;
--color-glacial-water-green-200: #c5dbcd;
--color-glacial-water-green-300: #a5bfaf;
--color-glacial-water-green-400: #89a793;
--color-glacial-water-green-500: #6e907a;
--color-glacial-water-green-600: #5d7967;
--color-glacial-water-green-700: #4a6152;
--color-glacial-water-green-800: #36473b;
--color-glacial-water-green-900: #253129;
--color-glacial-water-green-950: #141d17;
}SCSS
$glacial-water-green: #c9ead4;
$glacial-water-green-rgb: 201, 234, 212;
$glacial-water-green-light: mix(#fff, $glacial-water-green, 20%);
$glacial-water-green-dark: mix(#000, $glacial-water-green, 20%);
.element {
color: $glacial-water-green;
box-shadow: 0 0 0 2px rgba($glacial-water-green, 0.35);
}