Cor nomeada · #EE8073
Youthful Coral
Youthful Coral é #EE8073: rgb(238 128 115), hsl(6 78% 69%), oklch(0.719 0.137 28). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Youthful Coral color name →
#EE8073
oklch(0.719 0.137 28)
Conversões de cor
- HEX
- #ee8073
- RGB
- rgb(238 128 115)
- HSL
- hsl(6 78% 69%)
- HWB
- hwb(6 45% 7%)
- OKLCH
- oklch(0.719 0.137 28)
- OKLab
- oklab(0.719 0.121 0.065)
- CIE Lab
- lab(66.16 42.24 27.05)
- LCH
- lch(66.16 50.16 32.6)
- CMYK
- cmyk(0% 46% 52% 7%)
Tons claros · Sombras · Tons
Tons claros
- F18D81
- F49A8E
- F7A79C
- F9B4AA
- FBC0B8
- FDCDC6
- FEDAD4
- FFE6E2
- FFF3F1
Sombras
- CF6E63
- B15D54
- 934D45
- 773D36
- 5C2E28
- 421F1B
- 2A120F
- 140605
- 030101
Tons
- E38175
- D98276
- CE8278
- C38279
- B9827B
- AE827C
- A3827D
- 97817E
- 8C817F
Harmonias de cor
Complementar +180°
- EE8073
Youthful Coral
- 00B9CD
≈ Utopia Beckons
Análoga -30° +30°
- EE8073
Youthful Coral
- E87DA4
≈ Mangala Pink
- E38C43
≈ Velvet Marigold
Tríade +120° +240°
- EE8073
Youthful Coral
- 62BC72
≈ Verdigris Coloured
- 7FA0FA
≈ Periwinkle Blue
Complementar dividida +150° +210°
- EE8073
Youthful Coral
- 00BFA4
≈ First Post
- 3CAFF0
≈ Lynx Screen Blue
Tétrade +90° +180° +270°
- EE8073
Youthful Coral
- 9DB040
≈ Bamboo Leaf
- 00B9CD
≈ Utopia Beckons
- AF90EF
≈ Dreamy Candy Forest
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.63:1 · APCA Lc 51
Ag
AAASobre preto
WCAG 7.97:1 · APCA Lc 51
Melhor cor de texto: #000000
WCAG 7.97:1 (AAA) · APCA Lc 51
Contrast pairs
Trechos de código
CSS
:root {
--youthful-coral: #ee8073;
--youthful-coral-rgb: 238 128 115;
--youthful-coral-oklch: oklch(0.719 0.137 28);
}
.element {
color: var(--youthful-coral);
background-color: hsl(6 78% 69%);
border-color: oklch(0.719 0.137 28);
}Tailwind CSS v4
@theme {
--color-youthful-coral: #ee8073;
--color-youthful-coral-50: #ffe7de;
--color-youthful-coral-100: #ffd8cd;
--color-youthful-coral-200: #ffbfb2;
--color-youthful-coral-300: #f69c8d;
--color-youthful-coral-400: #e47c70;
--color-youthful-coral-500: #d25c50;
--color-youthful-coral-600: #b14f45;
--color-youthful-coral-700: #8e3f36;
--color-youthful-coral-800: #6a2c28;
--color-youthful-coral-900: #4b1e1b;
--color-youthful-coral-950: #310d0b;
}SCSS
$youthful-coral: #ee8073;
$youthful-coral-rgb: 238, 128, 115;
$youthful-coral-light: mix(#fff, $youthful-coral, 20%);
$youthful-coral-dark: mix(#000, $youthful-coral, 20%);
.element {
color: $youthful-coral;
box-shadow: 0 0 0 2px rgba($youthful-coral, 0.35);
}