Color con nombre · #EE827C
Jinza Safflower
Jinza Safflower es #EE827C: rgb(238 130 124), hsl(3 77% 71%), oklch(0.724 0.134 24.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Jinza Safflower color name →
#EE827C
oklch(0.724 0.134 24.2)
Conversiones de color
- HEX
- #ee827c
- RGB
- rgb(238 130 124)
- HSL
- hsl(3 77% 71%)
- HWB
- hwb(3 49% 7%)
- OKLCH
- oklch(0.724 0.134 24.2)
- OKLab
- oklab(0.724 0.122 0.055)
- CIE Lab
- lab(66.71 41.85 22.76)
- LCH
- lch(66.71 47.64 28.5)
- CMYK
- cmyk(0% 45% 48% 7%)
Tintes · Sombras · Tonos
Tintes
- F18F89
- F49C96
- F7A8A2
- F9B5AF
- FBC1BC
- FCCEC9
- FEDAD7
- FEE6E4
- FFF3F1
Sombras
- CF706B
- B15F5A
- 934E4A
- 773E3B
- 5C2F2C
- 42201E
- 2A1211
- 140605
- 030101
Tonos
- E3837D
- D9837D
- CE837E
- C3837E
- B8837F
- AE837F
- A2827F
- 978280
- 8C8180
Armonías de color
Complementario +180°
- EE827C
Jinza Safflower
- 00BCCA
≈ Panorama Blue
Análogo -30° +30°
- EE827C
Jinza Safflower
- E680AB
≈ Mangala Pink
- E68D4E
≈ Acapulco Sun
Triádico +120° +240°
- EE827C
Jinza Safflower
- 6EBC6F
≈ Dublin
- 7BA4FA
≈ Fennel Flower
Complementario dividido +150° +210°
- EE827C
Jinza Safflower
- 1AC1A0
≈ First Post
- 39B2ED
≈ Lynx Screen Blue
Tetrádico +90° +180° +270°
- EE827C
Jinza Safflower
- A5AF41
≈ Elysian Green
- 00BCCA
≈ Panorama Blue
- AB94F1
≈ Dreamy Candy Forest
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.58:1 · APCA Lc 50
Ag
AAASobre negro
WCAG 8.11:1 · APCA Lc 52
Mejor color de texto: #000000
WCAG 8.11:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmentos de código
CSS
:root {
--jinza-safflower: #ee827c;
--jinza-safflower-rgb: 238 130 124;
--jinza-safflower-oklch: oklch(0.724 0.134 24.2);
}
.element {
color: var(--jinza-safflower);
background-color: hsl(3 77% 71%);
border-color: oklch(0.724 0.134 24.2);
}Tailwind CSS v4
@theme {
--color-jinza-safflower: #ee827c;
--color-jinza-safflower-50: #ffe7e1;
--color-jinza-safflower-100: #ffd8d1;
--color-jinza-safflower-200: #ffbfb6;
--color-jinza-safflower-300: #f49c93;
--color-jinza-safflower-400: #e27d77;
--color-jinza-safflower-500: #d05d59;
--color-jinza-safflower-600: #b04f4c;
--color-jinza-safflower-700: #8d3f3c;
--color-jinza-safflower-800: #692d2d;
--color-jinza-safflower-900: #4a1e1e;
--color-jinza-safflower-950: #300e0e;
}SCSS
$jinza-safflower: #ee827c;
$jinza-safflower-rgb: 238, 130, 124;
$jinza-safflower-light: mix(#fff, $jinza-safflower, 20%);
$jinza-safflower-dark: mix(#000, $jinza-safflower, 20%);
.element {
color: $jinza-safflower;
box-shadow: 0 0 0 2px rgba($jinza-safflower, 0.35);
}