Màu có tên gần nhất · #009D7A
#009D7A
Màu có tên gần nhất: Paolo Veronese Green
#009D7A (rgb(0 157 122), hsl(167 100% 31%), oklch(0.619 0.123 169.7)) 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.
#009D7A
oklch(0.619 0.123 169.7)
Chuyển đổi màu
- HEX
- #009d7a
- RGB
- rgb(0 157 122)
- HSL
- hsl(167 100% 31%)
- HWB
- hwb(167 0% 38%)
- OKLCH
- oklch(0.619 0.123 169.7)
- OKLab
- oklab(0.619 -0.121 0.022)
- CIE Lab
- lab(57.42 -43.01 8.06)
- LCH
- lch(57.42 43.76 169.4)
- CMYK
- cmyk(100% 0% 22% 38%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 39A787
- 56B193
- 6EBBA0
- 84C4AD
- 99CEBA
- AED8C8
- C3E2D5
- D7EBE3
- EBF5F1
Sắc đậm
- 008869
- 007359
- 005F49
- 004C3A
- 003A2B
- 00281D
- 001810
- 000905
- 000101
Sắc xám
- 299A7B
- 3B987B
- 48957C
- 53927D
- 5D8F7D
- 658C7E
- 6C897E
- 73867F
- 7A837F
Hòa sắc
Bổ túc +180°
- 009D7A
Paolo Veronese Green
- BC6591
≈ Malevolent Mauve
Tương đồng -30° +30°
- 009D7A
Paolo Veronese Green
- 5C974D
≈ Wicked Witch
- 00989E
≈ Riviera Paradise
Bộ ba +120° +240°
- 009D7A
Paolo Veronese Green
- 8578CA
≈ Ube
- C06D3C
≈ Tiger Stripe
Bổ túc chia +150° +210°
- 009D7A
Paolo Veronese Green
- A66CB4
≈ Soft Purple
- C56567
≈ Stormy Passion
Bộ bốn +90° +180° +270°
- 009D7A
Paolo Veronese Green
- 5885CF
≈ Berlin Blue
- BC6591
≈ Malevolent Mauve
- AC7C14
≈ Brown Butter
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.44:1 · APCA Lc 61
Ag
AATrên nền đen
WCAG 6.10:1 · APCA Lc 40
Màu chữ tốt nhất: #000000
WCAG 6.10:1 (AA) · APCA Lc 40
Contrast pairs
Đoạn mã
CSS
:root {
--paolo-veronese-green: #009d7a;
--paolo-veronese-green-rgb: 0 157 122;
--paolo-veronese-green-oklch: oklch(0.619 0.123 169.7);
}
.element {
color: var(--paolo-veronese-green);
background-color: hsl(167 100% 31%);
border-color: oklch(0.619 0.123 169.7);
}Tailwind CSS v4
@theme {
--color-paolo-veronese-green: #009d7a;
--color-paolo-veronese-green-50: #d3fff1;
--color-paolo-veronese-green-100: #bff6e3;
--color-paolo-veronese-green-200: #9de6ce;
--color-paolo-veronese-green-300: #70ccb0;
--color-paolo-veronese-green-400: #41b693;
--color-paolo-veronese-green-500: #009f79;
--color-paolo-veronese-green-600: #008767;
--color-paolo-veronese-green-700: #006c52;
--color-paolo-veronese-green-800: #004f3a;
--color-paolo-veronese-green-900: #003728;
--color-paolo-veronese-green-950: #002216;
}SCSS
$paolo-veronese-green: #009d7a;
$paolo-veronese-green-rgb: 0, 157, 122;
$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);
}