Màu có tên gần nhất · #009A85
#009A85
Màu có tên gần nhất: Paolo Veronese Green
#009A85 (rgb(0 154 133), hsl(172 100% 30%), oklch(0.614 0.113 178.5)) 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.
#009A85
oklch(0.614 0.113 178.5)
Chuyển đổi màu
- HEX
- #009a85
- RGB
- rgb(0 154 133)
- HSL
- hsl(172 100% 30%)
- HWB
- hwb(172 0% 40%)
- OKLCH
- oklch(0.614 0.113 178.5)
- OKLab
- oklab(0.614 -0.113 0.003)
- CIE Lab
- lab(56.67 -39.63 0.83)
- LCH
- lch(56.67 39.63 178.8)
- CMYK
- cmyk(100% 0% 14% 40%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 39A491
- 55AE9C
- 6EB8A8
- 84C2B4
- 99CCC0
- AED7CC
- C2E1D9
- D7EBE5
- EBF5F2
Sắc đậm
- 008573
- 007161
- 005E50
- 004B40
- 003930
- 002721
- 001713
- 000906
- 000101
Sắc xám
- 289885
- 3A9584
- 489384
- 539083
- 5C8E83
- 658B82
- 6C8882
- 738681
- 7A8381
Hòa sắc
Bổ túc +180°
- 009A85
Paolo Veronese Green
- BA6683
≈ Raspberry Parfait
Tương đồng -30° +30°
- 009A85
Paolo Veronese Green
- 50975D
≈ Alpine Herbs
- 0095A6
≈ Tile Blue
Bộ ba +120° +240°
- 009A85
Paolo Veronese Green
- 8D74BF
≈ Middle Blue Purple
- B67238
≈ Saucy Gold
Bổ túc chia +150° +210°
- 009A85
Paolo Veronese Green
- A96BA6
≈ Iris Orchid
- BF685D
≈ Tapestry Red
Bộ bốn +90° +180° +270°
- 009A85
Paolo Veronese Green
- 6881C8
≈ Bodega Bay
- BA6683
≈ Raspberry Parfait
- A08024
≈ Hacienda
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.52:1 · APCA Lc 62
Ag
AATrên nền đen
WCAG 5.96:1 · APCA Lc 40
Màu chữ tốt nhất: #000000
WCAG 5.96:1 (AA) · APCA Lc 40
Contrast pairs
Đoạn mã
CSS
:root {
--paolo-veronese-green: #009a85;
--paolo-veronese-green-rgb: 0 154 133;
--paolo-veronese-green-oklch: oklch(0.614 0.113 178.5);
}
.element {
color: var(--paolo-veronese-green);
background-color: hsl(172 100% 30%);
border-color: oklch(0.614 0.113 178.5);
}Tailwind CSS v4
@theme {
--color-paolo-veronese-green: #009a85;
--color-paolo-veronese-green-50: #d3fff7;
--color-paolo-veronese-green-100: #c0f5ea;
--color-paolo-veronese-green-200: #9ee5d6;
--color-paolo-veronese-green-300: #71cbba;
--color-paolo-veronese-green-400: #42b49f;
--color-paolo-veronese-green-500: #009e87;
--color-paolo-veronese-green-600: #008572;
--color-paolo-veronese-green-700: #006b5b;
--color-paolo-veronese-green-800: #004f41;
--color-paolo-veronese-green-900: #00372d;
--color-paolo-veronese-green-950: #00221a;
}SCSS
$paolo-veronese-green: #009a85;
$paolo-veronese-green-rgb: 0, 154, 133;
$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);
}