Color con nombre · #5E5F7E
Strong Iris
Strong Iris es #5E5F7E: rgb(94 95 126), hsl(238 15% 43%), oklch(0.497 0.049 283). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Strong Iris color name →
#5E5F7E
oklch(0.497 0.049 283)
Conversiones de color
- HEX
- #5e5f7e
- RGB
- rgb(94 95 126)
- HSL
- hsl(238 15% 43%)
- HWB
- hwb(238 37% 51%)
- OKLCH
- oklch(0.497 0.049 283)
- OKLab
- oklab(0.497 0.011 -0.048)
- CIE Lab
- lab(41.15 5.17 -17.62)
- LCH
- lch(41.15 18.37 286.4)
- CMYK
- cmyk(25% 25% 0% 51%)
Tintes · Sombras · Tonos
Tintes
- 6D6E8A
- 7C7D97
- 8B8CA3
- 9B9CB0
- ABACBD
- BBBCCA
- CCCCD7
- DDDDE4
- EEEEF2
Sombras
- 51526D
- 44445C
- 37384C
- 2B2C3C
- 1F202D
- 14151F
- 0A0A11
- 030305
- 000001
Tonos
- 61627E
- 65667F
- 68697F
- 6B6C7F
- 6F707F
- 727380
- 757680
- 797980
- 7C7D80
Armonías de color
Complementario +180°
- 5E5F7E
Strong Iris
- 676443
≈ Urbane
Análogo -30° +30°
- 5E5F7E
Strong Iris
- 4E647E
≈ Admiral Blue
- 6C5A77
≈ Indigo Red
Triádico +120° +240°
- 5E5F7E
Strong Iris
- 7B594C
≈ Burns Cave
- 486B5A
≈ Kale Green
Complementario dividido +150° +210°
- 5E5F7E
Strong Iris
- 745E43
≈ Military Olive
- 57694C
≈ Jalapeño Bouquet
Tetrádico +90° +180° +270°
- 5E5F7E
Strong Iris
- 7C575A
≈ Berry Brandy
- 676443
≈ Urbane
- 3F6B6A
≈ Moat
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.15:1 · APCA Lc 81
Ag
FailSobre negro
WCAG 3.41:1 · APCA Lc 21
Mejor color de texto: #FFFFFF
WCAG 6.15:1 (AA) · APCA Lc 81
Contrast pairs
Fragmentos de código
CSS
:root {
--strong-iris: #5e5f7e;
--strong-iris-rgb: 94 95 126;
--strong-iris-oklch: oklch(0.497 0.049 283);
}
.element {
color: var(--strong-iris);
background-color: hsl(238 15% 43%);
border-color: oklch(0.497 0.049 283);
}Tailwind CSS v4
@theme {
--color-strong-iris: #5e5f7e;
--color-strong-iris-50: #f3f4ff;
--color-strong-iris-100: #e6e6f8;
--color-strong-iris-200: #d1d2e9;
--color-strong-iris-300: #b4b4d0;
--color-strong-iris-400: #9a9bbb;
--color-strong-iris-500: #8182a6;
--color-strong-iris-600: #6d6e8d;
--color-strong-iris-700: #575871;
--color-strong-iris-800: #3f4153;
--color-strong-iris-900: #2b2d3a;
--color-strong-iris-950: #191a24;
}SCSS
$strong-iris: #5e5f7e;
$strong-iris-rgb: 94, 95, 126;
$strong-iris-light: mix(#fff, $strong-iris, 20%);
$strong-iris-dark: mix(#000, $strong-iris, 20%);
.element {
color: $strong-iris;
box-shadow: 0 0 0 2px rgba($strong-iris, 0.35);
}