Màu có tên gần nhất · #39880F
#39880F
Màu có tên gần nhất: Kelp Forest
#39880F (rgb(57 136 15), hsl(99 80% 30%), oklch(0.555 0.165 138.1)) gần nhất với màu có tên Kelp Forest. 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.
#39880F
oklch(0.555 0.165 138.1)
Chuyển đổi màu
- HEX
- #39880f
- RGB
- rgb(57 136 15)
- HSL
- hsl(99 80% 30%)
- HWB
- hwb(99 6% 47%)
- OKLCH
- oklch(0.555 0.165 138.1)
- OKLab
- oklab(0.555 -0.123 0.111)
- CIE Lab
- lab(50.2 -40.43 49.48)
- LCH
- lch(50.2 63.9 129.2)
- CMYK
- cmyk(58% 0% 89% 47%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 4F9433
- 63A04D
- 76AC64
- 8AB87A
- 9DC490
- B0D0A6
- C4DBBC
- D7E7D2
- EBF3E8
Sắc đậm
- 30750B
- 286308
- 1F5205
- 174103
- 103102
- 092201
- 041300
- 010600
- 000100
Sắc xám
- 428826
- 4B8734
- 538740
- 5A864B
- 618555
- 68855E
- 6E8467
- 74836F
- 7A8178
Hòa sắc
Bổ túc +180°
- 39880F
Kelp Forest
- 9A4DB0
≈ Purpureus
Tương đồng -30° +30°
- 39880F
Kelp Forest
- 7A7700
≈ Mongolian Plateau
- 008866
≈ Spectral Green
Bộ ba +120° +240°
- 39880F
Kelp Forest
- 2C70D2
≈ Enchanting Sapphire
- C13E4D
≈ Poppy
Bổ túc chia +150° +210°
- 39880F
Kelp Forest
- 715DCD
≈ Astro Purple
- B44184
≈ Orchid Ecstasy
Bộ bốn +90° +180° +270°
- 39880F
Kelp Forest
- 007EA5
≈ Kingfisher Sheen
- 9A4DB0
≈ Purpureus
- B75100
≈ Obscure Orange
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 4.46:1 · APCA Lc 71
Ag
AATrên nền đen
WCAG 4.70:1 · APCA Lc 31
Màu chữ tốt nhất: #000000
WCAG 4.70:1 (AA) · APCA Lc 31
Contrast pairs
Đoạn mã
CSS
:root {
--kelp-forest: #39880f;
--kelp-forest-rgb: 57 136 15;
--kelp-forest-oklch: oklch(0.555 0.165 138.1);
}
.element {
color: var(--kelp-forest);
background-color: hsl(99 80% 30%);
border-color: oklch(0.555 0.165 138.1);
}Tailwind CSS v4
@theme {
--color-kelp-forest: #39880f;
--color-kelp-forest-50: #ddffd5;
--color-kelp-forest-100: #cbf6c2;
--color-kelp-forest-200: #aee6a2;
--color-kelp-forest-300: #88cc7a;
--color-kelp-forest-400: #69b54e;
--color-kelp-forest-500: #459e18;
--color-kelp-forest-600: #3c8619;
--color-kelp-forest-700: #2f6b14;
--color-kelp-forest-800: #254e07;
--color-kelp-forest-900: #183705;
--color-kelp-forest-950: #092100;
}SCSS
$kelp-forest: #39880f;
$kelp-forest-rgb: 57, 136, 15;
$kelp-forest-light: mix(#fff, $kelp-forest, 20%);
$kelp-forest-dark: mix(#000, $kelp-forest, 20%);
.element {
color: $kelp-forest;
box-shadow: 0 0 0 2px rgba($kelp-forest, 0.35);
}