Couleur nommée la plus proche · #E67C78
#E67C78
Couleur nommée la plus proche: You’re Blushing
#E67C78 (rgb(230 124 120), hsl(2 69% 69%), oklch(0.704 0.132 23.2)) est la plus proche de la couleur nommée You’re Blushing. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E67C78
oklch(0.704 0.132 23.2)
Conversions de couleur
- HEX
- #e67c78
- RGB
- rgb(230 124 120)
- HSL
- hsl(2 69% 69%)
- HWB
- hwb(2 47% 10%)
- OKLCH
- oklch(0.704 0.132 23.2)
- OKLab
- oklab(0.704 0.121 0.052)
- CIE Lab
- lab(64.32 41.5 21.59)
- LCH
- lch(64.32 46.78 27.5)
- CMYK
- cmyk(0% 46% 48% 10%)
Teintes · Ombres · Tons
Teintes
- EA8A85
- EE9792
- F1A49F
- F4B1AD
- F7BEBA
- F9CBC8
- FBD8D5
- FDE5E3
- FEF2F1
Ombres
- C86B67
- AB5A57
- 8E4A48
- 733B39
- 592C2A
- 401E1D
- 281110
- 130505
- 030101
Tons
- DC7D79
- D27E7A
- C97F7B
- BF807C
- B5807D
- AB807D
- A0817E
- 96817F
- 8B807F
Harmonies de couleurs
Complémentaire +180°
- E67C78
You’re Blushing
- 00B5C1
≈ Lago Blue
Analogue -30° +30°
- E67C78
You’re Blushing
- DE7BA6
≈ Pinking. Fast and Slow
- DE864A
≈ Touch of Glamour
Triadique +120° +240°
- E67C78
You’re Blushing
- 6AB468
≈ Boring Green
- 749EF1
≈ Feather Star
Complémentaire divisée +150° +210°
- E67C78
You’re Blushing
- 15BA98
≈ Aoife’s Green
- 30ACE4
≈ Royal Peacock
Tétradique +90° +180° +270°
- E67C78
You’re Blushing
- A0A83A
≈ Delightful Camouflage
- 00B5C1
≈ Lago Blue
- A38FEA
≈ Dull Lavender
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.79:1 · APCA Lc 53
Ag
AAASur noir
WCAG 7.51:1 · APCA Lc 48
Meilleure couleur de texte: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Extraits de code
CSS
:root {
--you-re-blushing: #e67c78;
--you-re-blushing-rgb: 230 124 120;
--you-re-blushing-oklch: oklch(0.704 0.132 23.2);
}
.element {
color: var(--you-re-blushing);
background-color: hsl(2 69% 69%);
border-color: oklch(0.704 0.132 23.2);
}Tailwind CSS v4
@theme {
--color-you-re-blushing: #e67c78;
--color-you-re-blushing-50: #ffe7e2;
--color-you-re-blushing-100: #ffd8d2;
--color-you-re-blushing-200: #ffbfb8;
--color-you-re-blushing-300: #f49d95;
--color-you-re-blushing-400: #e27d79;
--color-you-re-blushing-500: #cf5d5b;
--color-you-re-blushing-600: #af504e;
--color-you-re-blushing-700: #8c403e;
--color-you-re-blushing-800: #692d2e;
--color-you-re-blushing-900: #4a1f1f;
--color-you-re-blushing-950: #300e0f;
}SCSS
$you-re-blushing: #e67c78;
$you-re-blushing-rgb: 230, 124, 120;
$you-re-blushing-light: mix(#fff, $you-re-blushing, 20%);
$you-re-blushing-dark: mix(#000, $you-re-blushing, 20%);
.element {
color: $you-re-blushing;
box-shadow: 0 0 0 2px rgba($you-re-blushing, 0.35);
}