لون مسمّى · #72D7B7
Peppy
Peppy هو #72D7B7: rgb(114 215 183)، hsl(161 56% 65%)، oklch(0.809 0.106 170.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Teal mean? → · Peppy color name →
#72D7B7
oklch(0.809 0.106 170.7)
تحويلات الألوان
- HEX
- #72d7b7
- RGB
- rgb(114 215 183)
- HSL
- hsl(161 56% 65%)
- HWB
- hwb(161 45% 16%)
- OKLCH
- oklch(0.809 0.106 170.7)
- OKLab
- oklab(0.809 -0.105 0.017)
- CIE Lab
- lab(79.23 -36.7 6.24)
- LCH
- lch(79.23 37.22 170.4)
- CMYK
- cmyk(47% 0% 15% 16%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 83DBBE
- 92DFC5
- A1E3CC
- AFE8D3
- BDECDB
- CBF0E2
- D8F3E9
- E5F7F0
- F2FBF8
درجات داكنة
- 62BB9F
- 539F87
- 448570
- 366B5A
- 285245
- 1B3B31
- 0E251E
- 04110C
- 010202
درجات رمادية
- 76CEB1
- 79C5AC
- 7BBCA6
- 7DB4A1
- 7FAB9B
- 80A296
- 809A90
- 80918B
- 808985
تناسق الألوان
متمم +180°
- 72D7B7
Peppy
- F5A4C9
≈ Rogue Pink
متجاور -30° +30°
- 72D7B7
Peppy
- 9BD291
≈ Botanist
- 5FD5DC
≈ Neon Nazar
ثلاثي +120° +240°
متمم منقسم +150° +210°
- 72D7B7
Peppy
- E0AAEB
≈ Petal Plush
- FEA5A3
≈ Pink Dream
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.73:1 · APCA Lc 31
Ag
AAAعلى الأسود
WCAG 12.11:1 · APCA Lc 72
أفضل لون للنص: #000000
WCAG 12.11:1 (AAA) · APCA Lc 72
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--peppy: #72d7b7;
--peppy-rgb: 114 215 183;
--peppy-oklch: oklch(0.809 0.106 170.7);
}
.element {
color: var(--peppy);
background-color: hsl(161 56% 65%);
border-color: oklch(0.809 0.106 170.7);
}Tailwind CSS v4
@theme {
--color-peppy: #72d7b7;
--color-peppy-50: #d7fff2;
--color-peppy-100: #c5f4e4;
--color-peppy-200: #a5e4d0;
--color-peppy-300: #7bcab2;
--color-peppy-400: #53b396;
--color-peppy-500: #179c7c;
--color-peppy-600: #1a8469;
--color-peppy-700: #156a54;
--color-peppy-800: #0f4e3c;
--color-peppy-900: #0a3629;
--color-peppy-950: #002117;
}SCSS
$peppy: #72d7b7;
$peppy-rgb: 114, 215, 183;
$peppy-light: mix(#fff, $peppy, 20%);
$peppy-dark: mix(#000, $peppy, 20%);
.element {
color: $peppy;
box-shadow: 0 0 0 2px rgba($peppy, 0.35);
}