Màu có tên gần nhất · #0E8A01
#0E8A01
Màu có tên gần nhất: Fine Pine
#0E8A01 (rgb(14 138 1), hsl(114 99% 27%), oklch(0.55 0.185 142)) gần nhất với màu có tên Fine Pine. 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.
#0E8A01
oklch(0.55 0.185 142)
Chuyển đổi màu
- HEX
- #0e8a01
- RGB
- rgb(14 138 1)
- HSL
- hsl(114 99% 27%)
- HWB
- hwb(114 0% 46%)
- OKLCH
- oklch(0.55 0.185 142)
- OKLab
- oklab(0.55 -0.146 0.114)
- CIE Lab
- lab(49.88 -49.18 51.28)
- LCH
- lch(49.88 71.05 133.8)
- CMYK
- cmyk(90% 0% 99% 46%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 37962F
- 51A24A
- 68AE61
- 7EB978
- 94C58E
- A9D1A5
- BFDCBB
- D4E8D1
- E9F4E8
Sắc đậm
- 0B7701
- 076501
- 055300
- 034200
- 023200
- 012200
- 001400
- 000700
- 000100
Sắc xám
- 288A20
- 388931
- 44883E
- 4F8849
- 588753
- 61865D
- 698466
- 71836F
- 798278
Hòa sắc
Bổ túc +180°
- 0E8A01
Fine Pine
- A142B0
≈ Akebi Purple
Tương đồng -30° +30°
- 0E8A01
Fine Pine
- 747800
≈ Mongolian Plateau
- 00856A
≈ Bosphorus
Bộ ba +120° +240°
- 0E8A01
Fine Pine
- 306ADB
≈ Enchanting Sapphire
- C7323D
≈ Etruscan Red
Bổ túc chia +150° +210°
- 0E8A01
Fine Pine
- 7755D2
≈ Astro Purple
- BC337D
≈ Very Berry
Bộ bốn +90° +180° +270°
- 0E8A01
Fine Pine
- 007CA7
≈ Celadon Blue
- A142B0
≈ Akebi Purple
- AF5400
≈ Tijolo
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.51:1 · APCA Lc 71
Ag
AATrên nền đen
WCAG 4.65:1 · APCA Lc 31
Màu chữ tốt nhất: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Đoạn mã
CSS
:root {
--fine-pine: #0e8a01;
--fine-pine-rgb: 14 138 1;
--fine-pine-oklch: oklch(0.55 0.185 142);
}
.element {
color: var(--fine-pine);
background-color: hsl(114 99% 27%);
border-color: oklch(0.55 0.185 142);
}Tailwind CSS v4
@theme {
--color-fine-pine: #0e8a01;
--color-fine-pine-50: #d6ffd4;
--color-fine-pine-100: #c3f9c1;
--color-fine-pine-200: #a3e9a2;
--color-fine-pine-300: #78d078;
--color-fine-pine-400: #54b84b;
--color-fine-pine-500: #1ca20f;
--color-fine-pine-600: #1c8913;
--color-fine-pine-700: #176e10;
--color-fine-pine-800: #155003;
--color-fine-pine-900: #0e3803;
--color-fine-pine-950: #012200;
}SCSS
$fine-pine: #0e8a01;
$fine-pine-rgb: 14, 138, 1;
$fine-pine-light: mix(#fff, $fine-pine, 20%);
$fine-pine-dark: mix(#000, $fine-pine, 20%);
.element {
color: $fine-pine;
box-shadow: 0 0 0 2px rgba($fine-pine, 0.35);
}