Adlandırılmış renk · #38B48B
Hisui Kingfisher
Hisui Kingfisher, #38B48B: rgb(56 180 139), hsl(160 53% 46%), oklch(0.692 0.124 166.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Hisui Kingfisher color name →
#38B48B
oklch(0.692 0.124 166.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 54BC96
- 6BC3A1
- 80CBAD
- 93D2B8
- A6DAC4
- B8E1CF
- CAE9DB
- DCF0E7
- EDF8F3
Koyu tonlar
- 2F9C78
- 278566
- 1F6E54
- 175843
- 0F4432
- 083023
- 041D14
- 010C07
- 000201
Gri tonlar
- 46AF8A
- 51AA89
- 5AA588
- 62A087
- 689A86
- 6E9585
- 739083
- 788B82
- 7C8581
Renk uyumları
Tamamlayıcı +180°
- 38B48B
Hisui Kingfisher
- D37BAB
≈ Ice Plant
Analog -30° +30°
- 38B48B
Hisui Kingfisher
- 76AD5E
≈ Arugula
- 00B2B4
≈ Laguna Green
Üçlü +120° +240°
- 38B48B
Hisui Kingfisher
- 978FE5
≈ Perrywinkle
- DA8255
≈ Show Business
Bölünmüş tamamlayıcı +150° +210°
- 38B48B
Hisui Kingfisher
- BB83CF
≈ Purception
- DE7A80
≈ Peach Blossom
Dörtlü +90° +180° +270°
- 38B48B
Hisui Kingfisher
- 689DE8
≈ Feather Star
- D37BAB
≈ Ice Plant
- C79034
≈ Yellow Warning
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.60:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.06:1 · APCA Lc 51
En iyi metin rengi: #000000
WCAG 8.06:1 (AAA) · APCA Lc 51
Contrast pairs
Kod parçacıkları
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);
}