Color con nombre · #EBECDA
Colleen Green
Colleen Green es #EBECDA: rgb(235 236 218), hsl(63 32% 89%), oklch(0.937 0.024 109.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Colleen Green color name →
#EBECDA
oklch(0.937 0.024 109.4)
Conversiones de color
- HEX
- #ebecda
- RGB
- rgb(235 236 218)
- HSL
- hsl(63 32% 89%)
- HWB
- hwb(63 85% 7%)
- OKLCH
- oklch(0.937 0.024 109.4)
- OKLab
- oklab(0.937 -0.008 0.023)
- CIE Lab
- lab(92.96 -2.65 8.64)
- LCH
- lch(92.96 9.04 107)
- CMYK
- cmyk(0% 0% 8% 7%)
Tintes · Sombras · Tonos
Tintes
- EDEEDE
- EFF0E1
- F1F2E5
- F3F4E9
- F5F5EC
- F7F7F0
- F9F9F4
- FBFBF8
- FDFDFB
Sombras
- CCCDBD
- AEAFA2
- 919287
- 75766C
- 5B5B54
- 41423C
- 292925
- 131311
- 030302
Tonos
- E0E1D1
- D5D5C7
- CACABE
- BFBFB5
- B4B5AC
- A9AAA3
- 9F9F9A
- 949591
- 8A8A89
Armonías de color
Complementario +180°
- EBECDA
Colleen Green
- E9E8FA
≈ Glitter
Análogo -30° +30°
- EBECDA
Colleen Green
- F3E9D9
≈ A Smell of Bakery
- E2EFDF
≈ Mint Grasshopper
Triádico +120° +240°
- EBECDA
Colleen Green
- DBEEF7
≈ Ice Fishing
- F8E4ED
≈ Petal Poise
Complementario dividido +150° +210°
- EBECDA
Colleen Green
- E1EBFB
≈ Husky
- F2E6F5
≈ Holographic Lavender
Tetrádico +90° +180° +270°
- EBECDA
Colleen Green
- D9F0F0
≈ Soar
- E9E8FA
≈ Glitter
- FAE4E4
≈ Eased Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.19:1 · APCA Lc 10
Ag
AAASobre negro
WCAG 17.54:1 · APCA Lc 95
Mejor color de texto: #000000
WCAG 17.54:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmentos de código
CSS
:root {
--colleen-green: #ebecda;
--colleen-green-rgb: 235 236 218;
--colleen-green-oklch: oklch(0.937 0.024 109.4);
}
.element {
color: var(--colleen-green);
background-color: hsl(63 32% 89%);
border-color: oklch(0.937 0.024 109.4);
}Tailwind CSS v4
@theme {
--color-colleen-green: #ebecda;
--color-colleen-green-50: #f5f6ee;
--color-colleen-green-100: #e8e9e0;
--color-colleen-green-200: #d4d5ca;
--color-colleen-green-300: #b7b9ab;
--color-colleen-green-400: #9fa090;
--color-colleen-green-500: #878876;
--color-colleen-green-600: #727364;
--color-colleen-green-700: #5b5c50;
--color-colleen-green-800: #43433a;
--color-colleen-green-900: #2e2e27;
--color-colleen-green-950: #1b1b16;
}SCSS
$colleen-green: #ebecda;
$colleen-green-rgb: 235, 236, 218;
$colleen-green-light: mix(#fff, $colleen-green, 20%);
$colleen-green-dark: mix(#000, $colleen-green, 20%);
.element {
color: $colleen-green;
box-shadow: 0 0 0 2px rgba($colleen-green, 0.35);
}