Color con nombre · #ECEEDF
Hemlock Bud
Hemlock Bud es #ECEEDF: rgb(236 238 223), hsl(68 31% 90%), oklch(0.944 0.02 112.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Hemlock Bud color name →
#ECEEDF
oklch(0.944 0.02 112.9)
Conversiones de color
- HEX
- #eceedf
- RGB
- rgb(236 238 223)
- HSL
- hsl(68 31% 90%)
- HWB
- hwb(68 87% 7%)
- OKLCH
- oklch(0.944 0.02 112.9)
- OKLab
- oklab(0.944 -0.008 0.018)
- CIE Lab
- lab(93.64 -2.63 7.04)
- LCH
- lch(93.64 7.52 110.4)
- CMYK
- cmyk(1% 0% 6% 7%)
Tintes · Sombras · Tonos
Tintes
- EEF0E2
- F0F1E5
- F2F3E9
- F4F5EC
- F5F6EF
- F7F8F2
- F9FAF5
- FBFCF9
- FDFDFC
Sombras
- CDCFC2
- AFB1A5
- 92938A
- 76776F
- 5B5C56
- 42423D
- 292A27
- 131412
- 030302
Tonos
- E1E2D5
- D5D7CB
- CACCC2
- BFC1B8
- B4B5AE
- AAAAA5
- 9FA09C
- 959592
- 8A8A89
Armonías de color
Complementario +180°
- ECEEDF
Hemlock Bud
- ECEAF9
≈ Bright Dusk
Análogo -30° +30°
- ECEEDF
Hemlock Bud
- F3EBDE
≈ Painter’s White
- E5F0E4
≈ Stone Path
Triádico +120° +240°
- ECEEDF
Hemlock Bud
- E0EFF8
≈ Wizard White
- F8E7ED
≈ Hepatica
Complementario dividido +150° +210°
- ECEEDF
Hemlock Bud
- E5EDFA
≈ Cotton Boll
- F3E8F4
≈ Perfume Haze
Tetrádico +90° +180° +270°
- ECEEDF
Hemlock Bud
- DEF1F2
≈ Soar
- ECEAF9
≈ Bright Dusk
- FAE7E6
≈ Unburdened Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.17:1 · APCA Lc 8
Ag
AAASobre negro
WCAG 17.86:1 · APCA Lc 96
Mejor color de texto: #000000
WCAG 17.86:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmentos de código
CSS
:root {
--hemlock-bud: #eceedf;
--hemlock-bud-rgb: 236 238 223;
--hemlock-bud-oklch: oklch(0.944 0.02 112.9);
}
.element {
color: var(--hemlock-bud);
background-color: hsl(68 31% 90%);
border-color: oklch(0.944 0.02 112.9);
}Tailwind CSS v4
@theme {
--color-hemlock-bud: #eceedf;
--color-hemlock-bud-50: #f5f6ef;
--color-hemlock-bud-100: #e7e9e1;
--color-hemlock-bud-200: #d4d5cc;
--color-hemlock-bud-300: #b7b9ad;
--color-hemlock-bud-400: #9ea093;
--color-hemlock-bud-500: #868879;
--color-hemlock-bud-600: #717366;
--color-hemlock-bud-700: #5b5c52;
--color-hemlock-bud-800: #42433b;
--color-hemlock-bud-900: #2e2e29;
--color-hemlock-bud-950: #1b1b17;
}SCSS
$hemlock-bud: #eceedf;
$hemlock-bud-rgb: 236, 238, 223;
$hemlock-bud-light: mix(#fff, $hemlock-bud, 20%);
$hemlock-bud-dark: mix(#000, $hemlock-bud, 20%);
.element {
color: $hemlock-bud;
box-shadow: 0 0 0 2px rgba($hemlock-bud, 0.35);
}