Màu có tên gần nhất · #73CF5F
#73CF5F
Màu có tên gần nhất: Koopa Green Shell
#73CF5F (rgb(115 207 95), hsl(109 54% 59%), oklch(0.772 0.173 140.1)) gần nhất với màu có tên Koopa Green Shell. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#73CF5F
oklch(0.772 0.173 140.1)
Chuyển đổi màu
- HEX
- #73cf5f
- RGB
- rgb(115 207 95)
- HSL
- hsl(109 54% 59%)
- HWB
- hwb(109 37% 19%)
- OKLCH
- oklch(0.772 0.173 140.1)
- OKLab
- oklab(0.772 -0.133 0.111)
- CIE Lab
- lab(75.6 -44.58 45.99)
- LCH
- lch(75.6 64.05 134.1)
- CMYK
- cmyk(44% 0% 54% 19%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 82D471
- 91D982
- A0DE92
- AEE3A2
- BBE8B2
- C9EDC1
- D7F2D1
- E4F6E0
- F2FBF0
Sắc đậm
- 63B452
- 549944
- 457F38
- 36672C
- 284F20
- 1B3815
- 0F230A
- 051003
- 010200
Sắc xám
- 76C764
- 78BF69
- 7AB76D
- 7CB071
- 7DA874
- 7EA077
- 7F987A
- 80907C
- 80887E
Hòa sắc
Bổ túc +180°
- 73CF5F
Koopa Green Shell
- E58DF9
≈ Give Me Your Love
Tương đồng -30° +30°
- 73CF5F
Koopa Green Shell
- BCBD00
≈ Pickled Limes
- 00D3A6
≈ Wild Caribbean Green
Bộ ba +120° +240°
- 73CF5F
Koopa Green Shell
- 89B6FF
≈ Carolina Blue
- FF9091
≈ Cherished One
Bổ túc chia +150° +210°
- 73CF5F
Koopa Green Shell
- B4A7FF
≈ Shy Moment
- FF87C3
≈ Pink Orchid Mantis
Bộ bốn +90° +180° +270°
- 73CF5F
Koopa Green Shell
- 2CC5FF
≈ Shovel Knight
- E58DF9
≈ Give Me Your Love
- FF9657
≈ Encounter
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.94:1 · APCA Lc 37
Ag
AAATrên nền đen
WCAG 10.81:1 · APCA Lc 65
Màu chữ tốt nhất: #000000
WCAG 10.81:1 (AAA) · APCA Lc 65
Contrast pairs
Đoạn mã
CSS
:root {
--koopa-green-shell: #73cf5f;
--koopa-green-shell-rgb: 115 207 95;
--koopa-green-shell-oklch: oklch(0.772 0.173 140.1);
}
.element {
color: var(--koopa-green-shell);
background-color: hsl(109 54% 59%);
border-color: oklch(0.772 0.173 140.1);
}Tailwind CSS v4
@theme {
--color-koopa-green-shell: #73cf5f;
--color-koopa-green-shell-50: #daffd5;
--color-koopa-green-shell-100: #c7f7c2;
--color-koopa-green-shell-200: #a9e7a2;
--color-koopa-green-shell-300: #81ce7a;
--color-koopa-green-shell-400: #60b64d;
--color-koopa-green-shell-500: #36a017;
--color-koopa-green-shell-600: #308718;
--color-koopa-green-shell-700: #266c14;
--color-koopa-green-shell-800: #1e4f06;
--color-koopa-green-shell-900: #143704;
--color-koopa-green-shell-950: #052200;
}SCSS
$koopa-green-shell: #73cf5f;
$koopa-green-shell-rgb: 115, 207, 95;
$koopa-green-shell-light: mix(#fff, $koopa-green-shell, 20%);
$koopa-green-shell-dark: mix(#000, $koopa-green-shell, 20%);
.element {
color: $koopa-green-shell;
box-shadow: 0 0 0 2px rgba($koopa-green-shell, 0.35);
}