가장 가까운 이름 색상 · #73CF7B
#73CF7B
가장 가까운 이름 색상: Electric Lettuce
#73CF7B(rgb(115 207 123), hsl(125 49% 63%), oklch(0.777 0.147 145.9))와 가장 가까운 이름 색상은 Electric Lettuce입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#73CF7B
oklch(0.777 0.147 145.9)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 83D489
- 92D996
- A0DEA3
- AEE3B0
- BCE8BD
- C9EDCB
- D7F1D8
- E4F6E5
- F2FBF2
셰이드
- 63B46A
- 54995A
- 457F4A
- 36673A
- 284F2C
- 1B381E
- 0F2310
- 051005
- 010201
톤
- 76C77C
- 78BF7D
- 7BB77E
- 7CAF7F
- 7EA77F
- 7FA080
- 7F9880
- 809080
- 808880
색 조화
보색 +180°
- 73CF7B
Electric Lettuce
- E693E9
≈ Diva Mecha
유사색 -30° +30°
- 73CF7B
Electric Lettuce
- B2C146
≈ Rainforest Glow
- 00D4B3
≈ Channel Marker Green
삼각 배색 +120° +240°
- 73CF7B
Electric Lettuce
- 94B5FF
≈ Carolina Blue
- FF948A
≈ Lolly
분열 보색 +150° +210°
- 73CF7B
Electric Lettuce
- BDA5FF
≈ Diva
- FF8CBA
≈ Cochonnet
사각 배색 +90° +180° +270°
- 73CF7B
Electric Lettuce
- 53C3FF
≈ Shovel Knight
- E693E9
≈ Diva Mecha
- FD9B50
≈ Autumn Splendour
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.91:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 10.94:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 10.94:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
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);
}