En yakın adlandırılmış renk · #E8705E
#E8705E
En yakın adlandırılmış renk: Phoenix Red
#E8705E (rgb(232 112 94), hsl(8 75% 64%), oklch(0.683 0.153 30.2)) en çok Phoenix Red adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#E8705E
oklch(0.683 0.153 30.2)
Renk dönüşümleri
- HEX
- #e8705e
- RGB
- rgb(232 112 94)
- HSL
- hsl(8 75% 64%)
- HWB
- hwb(8 37% 9%)
- OKLCH
- oklch(0.683 0.153 30.2)
- OKLab
- oklab(0.683 0.132 0.077)
- CIE Lab
- lab(61.87 46.45 33.05)
- LCH
- lch(61.87 57.01 35.4)
- CMYK
- cmyk(0% 52% 59% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EC7F6E
- F08E7E
- F39D8E
- F6AB9E
- F9B9AE
- FBC7BE
- FDD5CE
- FEE3DE
- FFF1EE
Koyu tonlar
- CA6051
- AC5144
- 904337
- 74352B
- 59271F
- 401A14
- 290E0A
- 130403
- 030100
Gri tonlar
- DE7362
- D47566
- CB786A
- C17A6D
- B67B71
- AC7D74
- A27E77
- 977F7A
- 8C7F7D
Renk uyumları
Tamamlayıcı +180°
- E8705E
Phoenix Red
- 00ACC2
≈ Sarah’s Garden
Analog -30° +30°
- E8705E
Phoenix Red
- E36C95
≈ Shadow Azalea Pink
- DC7F1A
≈ Orange Pepper
Üçlü +120° +240°
- E8705E
Phoenix Red
- 43B365
≈ Samphire Green
- 7692F7
≈ Guilliman Blue
Bölünmüş tamamlayıcı +150° +210°
- E8705E
Phoenix Red
- 00B29C
≈ Pool Green
- 16A3ED
≈ Button Blue
Dörtlü +90° +180° +270°
- E8705E
Phoenix Red
- 8DA620
≈ Avocado Green
- 00ACC2
≈ Sarah’s Garden
- A981E8
≈ Lavender Blossom
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.03:1 · APCA Lc 57
Ag
AASiyah üzerinde
WCAG 6.91:1 · APCA Lc 45
En iyi metin rengi: #000000
WCAG 6.91:1 (AA) · APCA Lc 45
Contrast pairs
Kod parçacıkları
CSS
:root {
--phoenix-red: #e8705e;
--phoenix-red-rgb: 232 112 94;
--phoenix-red-oklch: oklch(0.683 0.153 30.2);
}
.element {
color: var(--phoenix-red);
background-color: hsl(8 75% 64%);
border-color: oklch(0.683 0.153 30.2);
}Tailwind CSS v4
@theme {
--color-phoenix-red: #e8705e;
--color-phoenix-red-50: #ffe6da;
--color-phoenix-red-100: #ffd6c8;
--color-phoenix-red-200: #ffbcab;
--color-phoenix-red-300: #fb9985;
--color-phoenix-red-400: #ea7866;
--color-phoenix-red-500: #d85644;
--color-phoenix-red-600: #b74a3b;
--color-phoenix-red-700: #933b2e;
--color-phoenix-red-800: #6e2922;
--color-phoenix-red-900: #4d1c17;
--color-phoenix-red-950: #330b08;
}SCSS
$phoenix-red: #e8705e;
$phoenix-red-rgb: 232, 112, 94;
$phoenix-red-light: mix(#fff, $phoenix-red, 20%);
$phoenix-red-dark: mix(#000, $phoenix-red, 20%);
.element {
color: $phoenix-red;
box-shadow: 0 0 0 2px rgba($phoenix-red, 0.35);
}