Cor nomeada · #F18A76
Corralize
Corralize é #F18A76: rgb(241 138 118), hsl(10 81% 70%), oklch(0.74 0.13 32). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Corralize color name →
#F18A76
oklch(0.74 0.13 32)
Conversões de cor
- HEX
- #f18a76
- RGB
- rgb(241 138 118)
- HSL
- hsl(10 81% 70%)
- HWB
- hwb(10 46% 5%)
- OKLCH
- oklch(0.74 0.13 32)
- OKLab
- oklab(0.74 0.11 0.069)
- CIE Lab
- lab(68.67 38.7 28.72)
- LCH
- lch(68.67 48.19 36.6)
- CMYK
- cmyk(0% 43% 51% 5%)
Tons claros · Sombras · Tons
Tons claros
- F49684
- F6A291
- F8AE9F
- FABAAC
- FCC5BA
- FDD1C8
- FEDCD5
- FFE8E3
- FFF3F1
Sombras
- D27766
- B36556
- 955347
- 794238
- 5D3229
- 43221C
- 2B140F
- 140705
- 030101
Tons
- E68A78
- DB8979
- D0897A
- C5887B
- BA877C
- AE867D
- A3857E
- 98837F
- 8C827F
Harmonias de cor
Complementar +180°
- F18A76
Corralize
- 00BFDA
≈ Caribbean Blue
Análoga -30° +30°
- F18A76
Corralize
- ED86A4
≈ Rose Glory
- E5974C
≈ Colorado Peach
Tríade +120° +240°
- F18A76
Corralize
- 65C281
≈ Clover Mist
- 8EA5FC
≈ Widowmaker
Complementar dividida +150° +210°
- F18A76
Corralize
- 16C5B1
≈ Amazonite
- 56B4F5
≈ Tiān Lán Sky
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.43:1 · APCA Lc 48
Ag
AAASobre preto
WCAG 8.63:1 · APCA Lc 54
Melhor cor de texto: #000000
WCAG 8.63:1 (AAA) · APCA Lc 54
Contrast pairs
Trechos de código
CSS
:root {
--corralize: #f18a76;
--corralize-rgb: 241 138 118;
--corralize-oklch: oklch(0.74 0.13 32);
}
.element {
color: var(--corralize);
background-color: hsl(10 81% 70%);
border-color: oklch(0.74 0.13 32);
}Tailwind CSS v4
@theme {
--color-corralize: #f18a76;
--color-corralize-50: #ffe9dd;
--color-corralize-100: #ffd9cc;
--color-corralize-200: #ffc1b0;
--color-corralize-300: #f29f8b;
--color-corralize-400: #e0806d;
--color-corralize-500: #ce614d;
--color-corralize-600: #ae5242;
--color-corralize-700: #8c4234;
--color-corralize-800: #682f26;
--color-corralize-900: #49201a;
--color-corralize-950: #300f0a;
}SCSS
$corralize: #f18a76;
$corralize-rgb: 241, 138, 118;
$corralize-light: mix(#fff, $corralize, 20%);
$corralize-dark: mix(#000, $corralize, 20%);
.element {
color: $corralize;
box-shadow: 0 0 0 2px rgba($corralize, 0.35);
}