Màu có tên gần nhất · #599800
#599800
Màu có tên gần nhất: Gecko’s Dream
#599800 (rgb(89 152 0), hsl(85 100% 30%), oklch(0.613 0.172 132.6)) gần nhất với màu có tên Gecko’s Dream. 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.
#599800
oklch(0.613 0.172 132.6)
Chuyển đổi màu
- HEX
- #599800
- RGB
- rgb(89 152 0)
- HSL
- hsl(85 100% 30%)
- HWB
- hwb(85 0% 40%)
- OKLCH
- oklch(0.613 0.172 132.6)
- OKLab
- oklab(0.613 -0.116 0.126)
- CIE Lab
- lab(56.81 -36.55 57.93)
- LCH
- lch(56.81 68.5 122.2)
- CMYK
- cmyk(41% 0% 100% 40%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 69A333
- 7AAD4E
- 8AB766
- 9AC27D
- ABCC93
- BBD6A8
- CCE1BE
- DDEBD3
- EEF5E9
Sắc đậm
- 4C8400
- 407000
- 345C00
- 284A00
- 1D3800
- 132700
- 091700
- 030800
- 000100
Sắc xám
- 5E9623
- 629434
- 669242
- 6A904D
- 6E8D57
- 728B60
- 768868
- 798671
- 7D8378
Hòa sắc
Bổ túc +180°
- 599800
Gecko’s Dream
- A75FCC
≈ Ripe Lavander
Tương đồng -30° +30°
- 599800
Gecko’s Dream
- 938600
≈ Thicket Green
- 009C6C
≈ Jitterbug Jade
Bộ ba +120° +240°
- 599800
Gecko’s Dream
- 2085E7
≈ Blue Cola
- D64D67
≈ Cranberry Splash
Bổ túc chia +150° +210°
- 599800
Gecko’s Dream
- 7871E6
≈ Hera Blue
- C6529F
≈ Rose Violet
Bộ bốn +90° +180° +270°
- 599800
Gecko’s Dream
- 0092B5
≈ Cool Tide
- A75FCC
≈ Ripe Lavander
- D55819
≈ Tomato Bisque
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.54:1 · APCA Lc 63
Ag
AATrên nền đen
WCAG 5.91:1 · APCA Lc 39
Màu chữ tốt nhất: #000000
WCAG 5.91:1 (AA) · APCA Lc 39
Contrast pairs
Đoạn mã
CSS
:root {
--gecko-s-dream: #599800;
--gecko-s-dream-rgb: 89 152 0;
--gecko-s-dream-oklch: oklch(0.613 0.172 132.6);
}
.element {
color: var(--gecko-s-dream);
background-color: hsl(85 100% 30%);
border-color: oklch(0.613 0.172 132.6);
}Tailwind CSS v4
@theme {
--color-gecko-s-dream: #599800;
--color-gecko-s-dream-50: #e1ffcf;
--color-gecko-s-dream-100: #d0f5bb;
--color-gecko-s-dream-200: #b5e59a;
--color-gecko-s-dream-300: #91cb6e;
--color-gecko-s-dream-400: #75b33c;
--color-gecko-s-dream-500: #569c00;
--color-gecko-s-dream-600: #498400;
--color-gecko-s-dream-700: #3a6a00;
--color-gecko-s-dream-800: #2d4d00;
--color-gecko-s-dream-900: #1e3600;
--color-gecko-s-dream-950: #0e2100;
}SCSS
$gecko-s-dream: #599800;
$gecko-s-dream-rgb: 89, 152, 0;
$gecko-s-dream-light: mix(#fff, $gecko-s-dream, 20%);
$gecko-s-dream-dark: mix(#000, $gecko-s-dream, 20%);
.element {
color: $gecko-s-dream;
box-shadow: 0 0 0 2px rgba($gecko-s-dream, 0.35);
}