Color con nombre · #266255
Eden
Eden es #266255: rgb(38 98 85), hsl(167 44% 27%), oklch(0.453 0.066 176.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Teal mean? → · Eden color name →
#266255
oklch(0.453 0.066 176.6)
Conversiones de color
- HEX
- #266255
- RGB
- rgb(38 98 85)
- HSL
- hsl(167 44% 27%)
- HWB
- hwb(167 15% 62%)
- OKLCH
- oklch(0.453 0.066 176.6)
- OKLab
- oklab(0.453 -0.066 0.004)
- CIE Lab
- lab(37.37 -22.97 1.3)
- LCH
- lch(37.37 23 176.8)
- CMYK
- cmyk(61% 0% 13% 62%)
Tintes · Sombras · Tonos
Tintes
- 3D7164
- 538074
- 688F84
- 7D9E95
- 92AEA6
- A7BEB7
- BDCEC9
- D2DEDB
- E9EEED
Sombras
- 205449
- 19473D
- 133A31
- 0D2D26
- 08211C
- 041611
- 020B08
- 010302
- 000000
Tonos
- 326559
- 3C685D
- 456B62
- 4E6E66
- 57716A
- 5F746E
- 687773
- 707A77
- 787D7C
Armonías de color
Complementario +180°
- 266255
Eden
- 734657
≈ Deep Carmine
Análogo -30° +30°
- 266255
Eden
- 3D6040
≈ Cupidity
- 1E6068
≈ Gulf Harbour
Triádico +120° +240°
- 266255
Eden
- 5A4E76
≈ Perpetual Purple
- 724C30
≈ Taj
Complementario dividido +150° +210°
- 266255
Eden
- 694969
≈ Sultana
- 774742
≈ Sable
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 7.09:1 · APCA Lc 84
Ag
FailSobre negro
WCAG 2.96:1 · APCA Lc 18
Mejor color de texto: #FFFFFF
WCAG 7.09:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmentos de código
CSS
:root {
--eden: #266255;
--eden-rgb: 38 98 85;
--eden-oklch: oklch(0.453 0.066 176.6);
}
.element {
color: var(--eden);
background-color: hsl(167 44% 27%);
border-color: oklch(0.453 0.066 176.6);
}Tailwind CSS v4
@theme {
--color-eden: #266255;
--color-eden-50: #e2fcf5;
--color-eden-100: #d2f0e8;
--color-eden-200: #b7ded4;
--color-eden-300: #93c3b8;
--color-eden-400: #74ac9d;
--color-eden-500: #539585;
--color-eden-600: #477e71;
--color-eden-700: #38655a;
--color-eden-800: #284a41;
--color-eden-900: #1b332d;
--color-eden-950: #0b1f1a;
}SCSS
$eden: #266255;
$eden-rgb: 38, 98, 85;
$eden-light: mix(#fff, $eden, 20%);
$eden-dark: mix(#000, $eden, 20%);
.element {
color: $eden;
box-shadow: 0 0 0 2px rgba($eden, 0.35);
}