أقرب لون مسمّى · #009D7A
#009D7A
أقرب لون مسمّى: Paolo Veronese Green
#009D7A (rgb(0 157 122)، hsl(167 100% 31%)، oklch(0.619 0.123 169.7)) أقرب إلى اللون المسمّى Paolo Veronese Green. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#009D7A
oklch(0.619 0.123 169.7)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 39A787
- 56B193
- 6EBBA0
- 84C4AD
- 99CEBA
- AED8C8
- C3E2D5
- D7EBE3
- EBF5F1
درجات داكنة
- 008869
- 007359
- 005F49
- 004C3A
- 003A2B
- 00281D
- 001810
- 000905
- 000101
درجات رمادية
- 299A7B
- 3B987B
- 48957C
- 53927D
- 5D8F7D
- 658C7E
- 6C897E
- 73867F
- 7A837F
تناسق الألوان
متمم +180°
- 009D7A
Paolo Veronese Green
- BC6591
≈ Malevolent Mauve
متجاور -30° +30°
- 009D7A
Paolo Veronese Green
- 5C974D
≈ Wicked Witch
- 00989E
≈ Riviera Paradise
ثلاثي +120° +240°
- 009D7A
Paolo Veronese Green
- 8578CA
≈ Ube
- C06D3C
≈ Tiger Stripe
متمم منقسم +150° +210°
- 009D7A
Paolo Veronese Green
- A66CB4
≈ Soft Purple
- C56567
≈ Stormy Passion
رباعي +90° +180° +270°
- 009D7A
Paolo Veronese Green
- 5885CF
≈ Berlin Blue
- BC6591
≈ Malevolent Mauve
- AC7C14
≈ Brown Butter
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.44:1 · APCA Lc 61
Ag
AAعلى الأسود
WCAG 6.10:1 · APCA Lc 40
أفضل لون للنص: #000000
WCAG 6.10:1 (AA) · APCA Lc 40
Contrast pairs
مقتطفات الأكواد
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);
}