Adlandırılmış renk · #EE8073
Youthful Coral
Youthful Coral, #EE8073: rgb(238 128 115), hsl(6 78% 69%), oklch(0.719 0.137 28). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Youthful Coral color name →
#EE8073
oklch(0.719 0.137 28)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F18D81
- F49A8E
- F7A79C
- F9B4AA
- FBC0B8
- FDCDC6
- FEDAD4
- FFE6E2
- FFF3F1
Koyu tonlar
- CF6E63
- B15D54
- 934D45
- 773D36
- 5C2E28
- 421F1B
- 2A120F
- 140605
- 030101
Gri tonlar
- E38175
- D98276
- CE8278
- C38279
- B9827B
- AE827C
- A3827D
- 97817E
- 8C817F
Renk uyumları
Tamamlayıcı +180°
- EE8073
Youthful Coral
- 00B9CD
≈ Utopia Beckons
Analog -30° +30°
- EE8073
Youthful Coral
- E87DA4
≈ Mangala Pink
- E38C43
≈ Velvet Marigold
Üçlü +120° +240°
- EE8073
Youthful Coral
- 62BC72
≈ Verdigris Coloured
- 7FA0FA
≈ Periwinkle Blue
Bölünmüş tamamlayıcı +150° +210°
- EE8073
Youthful Coral
- 00BFA4
≈ First Post
- 3CAFF0
≈ Lynx Screen Blue
Dörtlü +90° +180° +270°
- EE8073
Youthful Coral
- 9DB040
≈ Bamboo Leaf
- 00B9CD
≈ Utopia Beckons
- AF90EF
≈ Dreamy Candy Forest
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.63:1 · APCA Lc 51
Ag
AAASiyah üzerinde
WCAG 7.97:1 · APCA Lc 51
En iyi metin rengi: #000000
WCAG 7.97:1 (AAA) · APCA Lc 51
Contrast pairs
Kod parçacıkları
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);
}