Couleur nommée la plus proche · #EA005A
#EA005A
Couleur nommée la plus proche: Framboise
#EA005A (rgb(234 0 90), hsl(337 100% 46%), oklch(0.598 0.239 11.5)) est la plus proche de la couleur nommée Framboise. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#EA005A
oklch(0.598 0.239 11.5)
Conversions de couleur
- HEX
- #ea005a
- RGB
- rgb(234 0 90)
- HSL
- hsl(337 100% 46%)
- HWB
- hwb(337 0% 8%)
- OKLCH
- oklch(0.598 0.239 11.5)
- OKLab
- oklab(0.598 0.234 0.048)
- CIE Lab
- lab(50.6 77.37 21.27)
- LCH
- lch(50.6 80.24 15.4)
- CMYK
- cmyk(0% 100% 62% 8%)
Teintes · Ombres · Tons
Teintes
- F03C69
- F55979
- FA7189
- FD8799
- FF9CAA
- FFB1BA
- FFC4CB
- FFD8DC
- FFECED
Ombres
- CB004D
- AE0041
- 910035
- 750029
- 5A001E
- 410013
- 290009
- 130003
- 030000
Tons
- E12B5E
- D83D62
- CF4B66
- C5566A
- BB5F6D
- B16771
- A66E75
- 9A7579
- 8E7B7C
Harmonies de couleurs
Complémentaire +180°
- EA005A
Framboise
- 00938F
≈ Supermint
Analogue -30° +30°
- EA005A
Framboise
- D523A8
≈ Melodramatic Magenta
- D44E00
≈ Deep Orange
Triadique +120° +240°
- EA005A
Framboise
- 5A9200
≈ Vida Loca
- 0081E4
≈ Blue Cola
Complémentaire divisée +150° +210°
- EA005A
Framboise
- 009766
≈ Green Cyan
- 008EAE
≈ Algiers Blue
Tétradique +90° +180° +270°
- EA005A
Framboise
- 908100
≈ Thicket Green
- 00938F
≈ Supermint
- 7061FF
≈ Blue Genie
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.51:1 · APCA Lc 69
Ag
AASur noir
WCAG 4.64:1 · APCA Lc 33
Meilleure couleur de texte: #000000
WCAG 4.64:1 (AA) · APCA Lc 33
Contrast pairs
Extraits de code
CSS
:root {
--framboise: #ea005a;
--framboise-rgb: 234 0 90;
--framboise-oklch: oklch(0.598 0.239 11.5);
}
.element {
color: var(--framboise);
background-color: hsl(337 100% 46%);
border-color: oklch(0.598 0.239 11.5);
}Tailwind CSS v4
@theme {
--color-framboise: #ea005a;
--color-framboise-50: #ffd9e1;
--color-framboise-100: #ffc7d0;
--color-framboise-200: #ffa7b6;
--color-framboise-300: #ff7b93;
--color-framboise-400: #ff4b7a;
--color-framboise-500: #fb005c;
--color-framboise-600: #d4004f;
--color-framboise-700: #ab003e;
--color-framboise-800: #7f0030;
--color-framboise-900: #5a0020;
--color-framboise-950: #3d0010;
}SCSS
$framboise: #ea005a;
$framboise-rgb: 234, 0, 90;
$framboise-light: mix(#fff, $framboise, 20%);
$framboise-dark: mix(#000, $framboise, 20%);
.element {
color: $framboise;
box-shadow: 0 0 0 2px rgba($framboise, 0.35);
}