Màu có tên gần nhất · #009F82
#009F82
Màu có tên gần nhất: Paolo Veronese Green
#009F82 (rgb(0 159 130), hsl(169 100% 31%), oklch(0.627 0.12 173.6)) gần nhất với màu có tên Paolo Veronese Green. 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.
#009F82
oklch(0.627 0.12 173.6)
Chuyển đổi màu
- HEX
- #009f82
- RGB
- rgb(0 159 130)
- HSL
- hsl(169 100% 31%)
- HWB
- hwb(169 0% 38%)
- OKLCH
- oklch(0.627 0.12 173.6)
- OKLab
- oklab(0.627 -0.119 0.013)
- CIE Lab
- lab(58.23 -42.12 4.75)
- LCH
- lch(58.23 42.39 173.6)
- CMYK
- cmyk(100% 0% 18% 38%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 3AA98E
- 57B29A
- 6FBCA6
- 85C6B2
- 9ACFBF
- AFD9CB
- C3E2D8
- D7ECE5
- EBF5F2
Sắc đậm
- 008A70
- 00755F
- 00614E
- 004D3E
- 003B2F
- 002920
- 001812
- 000906
- 000101
Sắc xám
- 299C82
- 3B9982
- 499681
- 549381
- 5D9081
- 658D81
- 6D8A81
- 748780
- 7A8380
Hòa sắc
Bổ túc +180°
- 009F82
Paolo Veronese Green
- BF688E
≈ Malevolent Mauve
Tương đồng -30° +30°
- 009F82
Paolo Veronese Green
- 589B57
≈ Wicked Witch
- 009AA5
≈ Turkish Boy
Bộ ba +120° +240°
- 009F82
Paolo Veronese Green
- 8C79C9
≈ Ube
- BF723C
≈ Tiger Stripe
Bổ túc chia +150° +210°
- 009F82
Paolo Veronese Green
- AB6EB1
≈ Soft Purple
- C66965
≈ Stormy Passion
Bộ bốn +90° +180° +270°
- 009F82
Paolo Veronese Green
- 6286D0
≈ Livid
- BF688E
≈ Malevolent Mauve
- AA811D
≈ Brazen
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.34:1 · APCA Lc 60
Ag
AATrên nền đen
WCAG 6.28:1 · APCA Lc 41
Màu chữ tốt nhất: #000000
WCAG 6.28:1 (AA) · APCA Lc 41
Contrast pairs
Đoạn mã
CSS
:root {
--paolo-veronese-green: #009f82;
--paolo-veronese-green-rgb: 0 159 130;
--paolo-veronese-green-oklch: oklch(0.627 0.12 173.6);
}
.element {
color: var(--paolo-veronese-green);
background-color: hsl(169 100% 31%);
border-color: oklch(0.627 0.12 173.6);
}Tailwind CSS v4
@theme {
--color-paolo-veronese-green: #009f82;
--color-paolo-veronese-green-50: #d2fff3;
--color-paolo-veronese-green-100: #bff6e6;
--color-paolo-veronese-green-200: #9de6d2;
--color-paolo-veronese-green-300: #6fccb5;
--color-paolo-veronese-green-400: #3fb598;
--color-paolo-veronese-green-500: #009f7f;
--color-paolo-veronese-green-600: #00866c;
--color-paolo-veronese-green-700: #006c56;
--color-paolo-veronese-green-800: #004f3d;
--color-paolo-veronese-green-900: #00372a;
--color-paolo-veronese-green-950: #002218;
}SCSS
$paolo-veronese-green: #009f82;
$paolo-veronese-green-rgb: 0, 159, 130;
$paolo-veronese-green-light: mix(#fff, $paolo-veronese-green, 20%);
$paolo-veronese-green-dark: mix(#000, $paolo-veronese-green, 20%);
.element {
color: $paolo-veronese-green;
box-shadow: 0 0 0 2px rgba($paolo-veronese-green, 0.35);
}