لون مسمّى · #38B48B
Hisui Kingfisher
Hisui Kingfisher هو #38B48B: rgb(56 180 139)، hsl(160 53% 46%)، oklch(0.692 0.124 166.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Hisui Kingfisher color name →
#38B48B
oklch(0.692 0.124 166.7)
تحويلات الألوان
- HEX
- #38b48b
- RGB
- rgb(56 180 139)
- HSL
- hsl(160 53% 46%)
- HWB
- hwb(160 22% 29%)
- OKLCH
- oklch(0.692 0.124 166.7)
- OKLab
- oklab(0.692 -0.121 0.029)
- CIE Lab
- lab(65.88 -42.85 10.66)
- LCH
- lch(65.88 44.15 166)
- CMYK
- cmyk(69% 0% 23% 29%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 54BC96
- 6BC3A1
- 80CBAD
- 93D2B8
- A6DAC4
- B8E1CF
- CAE9DB
- DCF0E7
- EDF8F3
درجات داكنة
- 2F9C78
- 278566
- 1F6E54
- 175843
- 0F4432
- 083023
- 041D14
- 010C07
- 000201
درجات رمادية
- 46AF8A
- 51AA89
- 5AA588
- 62A087
- 689A86
- 6E9585
- 739083
- 788B82
- 7C8581
تناسق الألوان
متمم +180°
- 38B48B
Hisui Kingfisher
- D37BAB
≈ Ice Plant
متجاور -30° +30°
- 38B48B
Hisui Kingfisher
- 76AD5E
≈ Arugula
- 00B2B4
≈ Laguna Green
ثلاثي +120° +240°
- 38B48B
Hisui Kingfisher
- 978FE5
≈ Perrywinkle
- DA8255
≈ Show Business
متمم منقسم +150° +210°
- 38B48B
Hisui Kingfisher
- BB83CF
≈ Purception
- DE7A80
≈ Peach Blossom
رباعي +90° +180° +270°
- 38B48B
Hisui Kingfisher
- 689DE8
≈ Feather Star
- D37BAB
≈ Ice Plant
- C79034
≈ Yellow Warning
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.60:1 · APCA Lc 50
Ag
AAAعلى الأسود
WCAG 8.06:1 · APCA Lc 51
أفضل لون للنص: #000000
WCAG 8.06:1 (AAA) · APCA Lc 51
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--hisui-kingfisher: #38b48b;
--hisui-kingfisher-rgb: 56 180 139;
--hisui-kingfisher-oklch: oklch(0.692 0.124 166.7);
}
.element {
color: var(--hisui-kingfisher);
background-color: hsl(160 53% 46%);
border-color: oklch(0.692 0.124 166.7);
}Tailwind CSS v4
@theme {
--color-hisui-kingfisher: #38b48b;
--color-hisui-kingfisher-50: #d4ffef;
--color-hisui-kingfisher-100: #c0f6e0;
--color-hisui-kingfisher-200: #9fe6cb;
--color-hisui-kingfisher-300: #72ccac;
--color-hisui-kingfisher-400: #45b68e;
--color-hisui-kingfisher-500: #009f74;
--color-hisui-kingfisher-600: #008762;
--color-hisui-kingfisher-700: #006c4e;
--color-hisui-kingfisher-800: #004f37;
--color-hisui-kingfisher-900: #013726;
--color-hisui-kingfisher-950: #002214;
}SCSS
$hisui-kingfisher: #38b48b;
$hisui-kingfisher-rgb: 56, 180, 139;
$hisui-kingfisher-light: mix(#fff, $hisui-kingfisher, 20%);
$hisui-kingfisher-dark: mix(#000, $hisui-kingfisher, 20%);
.element {
color: $hisui-kingfisher;
box-shadow: 0 0 0 2px rgba($hisui-kingfisher, 0.35);
}