Couleur nommée la plus proche · #E07659
#E07659
Couleur nommée la plus proche: Phoenix Red
#E07659 (rgb(224 118 89), hsl(13 69% 61%), oklch(0.681 0.139 36.2)) est la plus proche de la couleur nommée Phoenix Red. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E07659
oklch(0.681 0.139 36.2)
Conversions de couleur
- HEX
- #e07659
- RGB
- rgb(224 118 89)
- HSL
- hsl(13 69% 61%)
- HWB
- hwb(13 35% 12%)
- OKLCH
- oklch(0.681 0.139 36.2)
- OKLab
- oklab(0.681 0.112 0.082)
- CIE Lab
- lab(61.81 40.33 35.41)
- LCH
- lch(61.81 53.67 41.3)
- CMYK
- cmyk(0% 47% 60% 12%)
Teintes · Ombres · Tons
Teintes
- E5846A
- E9927A
- EDA08B
- F1AE9B
- F4BBAB
- F7C9BC
- FAD6CD
- FCE4DD
- FEF1EE
Ombres
- C3664C
- A65640
- 8A4734
- 703828
- 56291D
- 3E1C13
- 270F09
- 120503
- 020100
Tons
- D7785E
- CE7A62
- C57B67
- BB7C6B
- B27D6F
- A87E73
- 9F7F76
- 957F7A
- 8B807D
Harmonies de couleurs
Complémentaire +180°
- E07659
Phoenix Red
- 00AAC8
≈ Gummy Dolphins
Analogue -30° +30°
- E07659
Phoenix Red
- DE708B
≈ Raspberry Mousse
- D18525
≈ Copious Caramel
Triadique +120° +240°
- E07659
Phoenix Red
- 3DB174
≈ Link’s Awakening
- 828FED
≈ Perrywinkle
Complémentaire divisée +150° +210°
- E07659
Phoenix Red
- 00B0A4
≈ Cozumel
- 449FE9
≈ Perfect Days
Tétradique +90° +180° +270°
- E07659
Phoenix Red
- 83A73F
≈ Greenery
- 00AAC8
≈ Gummy Dolphins
- AE80DC
≈ Lavender Blossom
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.04:1 · APCA Lc 57
Ag
AASur noir
WCAG 6.90:1 · APCA Lc 45
Meilleure couleur de texte: #000000
WCAG 6.90:1 (AA) · APCA Lc 45
Contrast pairs
Extraits de code
CSS
:root {
--phoenix-red: #e07659;
--phoenix-red-rgb: 224 118 89;
--phoenix-red-oklch: oklch(0.681 0.139 36.2);
}
.element {
color: var(--phoenix-red);
background-color: hsl(13 69% 61%);
border-color: oklch(0.681 0.139 36.2);
}Tailwind CSS v4
@theme {
--color-phoenix-red: #e07659;
--color-phoenix-red-50: #ffe8d9;
--color-phoenix-red-100: #ffd9c7;
--color-phoenix-red-200: #ffc0a9;
--color-phoenix-red-300: #f59e83;
--color-phoenix-red-400: #e47e63;
--color-phoenix-red-500: #d15e3f;
--color-phoenix-red-600: #b15136;
--color-phoenix-red-700: #8e402b;
--color-phoenix-red-800: #6a2d20;
--color-phoenix-red-900: #4b1f15;
--color-phoenix-red-950: #310e06;
}SCSS
$phoenix-red: #e07659;
$phoenix-red-rgb: 224, 118, 89;
$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);
}