Couleur nommée la plus proche · #73CF7B
#73CF7B
Couleur nommée la plus proche: Electric Lettuce
#73CF7B (rgb(115 207 123), hsl(125 49% 63%), oklch(0.777 0.147 145.9)) est la plus proche de la couleur nommée Electric Lettuce. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#73CF7B
oklch(0.777 0.147 145.9)
Conversions de couleur
- HEX
- #73cf7b
- RGB
- rgb(115 207 123)
- HSL
- hsl(125 49% 63%)
- HWB
- hwb(125 45% 19%)
- OKLCH
- oklch(0.777 0.147 145.9)
- OKLab
- oklab(0.777 -0.122 0.083)
- CIE Lab
- lab(75.91 -41.77 32.86)
- LCH
- lch(75.91 53.14 141.8)
- CMYK
- cmyk(44% 0% 41% 19%)
Teintes · Ombres · Tons
Teintes
- 83D489
- 92D996
- A0DEA3
- AEE3B0
- BCE8BD
- C9EDCB
- D7F1D8
- E4F6E5
- F2FBF2
Ombres
- 63B46A
- 54995A
- 457F4A
- 36673A
- 284F2C
- 1B381E
- 0F2310
- 051005
- 010201
Tons
- 76C77C
- 78BF7D
- 7BB77E
- 7CAF7F
- 7EA77F
- 7FA080
- 7F9880
- 809080
- 808880
Harmonies de couleurs
Complémentaire +180°
- 73CF7B
Electric Lettuce
- E693E9
≈ Diva Mecha
Analogue -30° +30°
- 73CF7B
Electric Lettuce
- B2C146
≈ Rainforest Glow
- 00D4B3
≈ Channel Marker Green
Triadique +120° +240°
- 73CF7B
Electric Lettuce
- 94B5FF
≈ Carolina Blue
- FF948A
≈ Lolly
Complémentaire divisée +150° +210°
- 73CF7B
Electric Lettuce
- BDA5FF
≈ Diva
- FF8CBA
≈ Cochonnet
Tétradique +90° +180° +270°
- 73CF7B
Electric Lettuce
- 53C3FF
≈ Shovel Knight
- E693E9
≈ Diva Mecha
- FD9B50
≈ Autumn Splendour
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.91:1 · APCA Lc 36
Ag
AAASur noir
WCAG 10.94:1 · APCA Lc 66
Meilleure couleur de texte: #000000
WCAG 10.94:1 (AAA) · APCA Lc 66
Contrast pairs
Extraits de code
CSS
:root {
--electric-lettuce: #73cf7b;
--electric-lettuce-rgb: 115 207 123;
--electric-lettuce-oklch: oklch(0.777 0.147 145.9);
}
.element {
color: var(--electric-lettuce);
background-color: hsl(125 49% 63%);
border-color: oklch(0.777 0.147 145.9);
}Tailwind CSS v4
@theme {
--color-electric-lettuce: #73cf7b;
--color-electric-lettuce-50: #daffde;
--color-electric-lettuce-100: #c8f6cd;
--color-electric-lettuce-200: #a9e6b1;
--color-electric-lettuce-300: #81cc8c;
--color-electric-lettuce-400: #5fb567;
--color-electric-lettuce-500: #339f44;
--color-electric-lettuce-600: #2e863a;
--color-electric-lettuce-700: #246c2e;
--color-electric-lettuce-800: #1c4f1e;
--color-electric-lettuce-900: #133713;
--color-electric-lettuce-950: #042205;
}SCSS
$electric-lettuce: #73cf7b;
$electric-lettuce-rgb: 115, 207, 123;
$electric-lettuce-light: mix(#fff, $electric-lettuce, 20%);
$electric-lettuce-dark: mix(#000, $electric-lettuce, 20%);
.element {
color: $electric-lettuce;
box-shadow: 0 0 0 2px rgba($electric-lettuce, 0.35);
}