Colore con nome · #38B48B
Hisui Kingfisher
Hisui Kingfisher è #38B48B: rgb(56 180 139), hsl(160 53% 46%), oklch(0.692 0.124 166.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Hisui Kingfisher color name →
#38B48B
oklch(0.692 0.124 166.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 54BC96
- 6BC3A1
- 80CBAD
- 93D2B8
- A6DAC4
- B8E1CF
- CAE9DB
- DCF0E7
- EDF8F3
Ombre
- 2F9C78
- 278566
- 1F6E54
- 175843
- 0F4432
- 083023
- 041D14
- 010C07
- 000201
Toni
- 46AF8A
- 51AA89
- 5AA588
- 62A087
- 689A86
- 6E9585
- 739083
- 788B82
- 7C8581
Armonie di colore
Complementare +180°
- 38B48B
Hisui Kingfisher
- D37BAB
≈ Ice Plant
Analogo -30° +30°
- 38B48B
Hisui Kingfisher
- 76AD5E
≈ Arugula
- 00B2B4
≈ Laguna Green
Triadico +120° +240°
- 38B48B
Hisui Kingfisher
- 978FE5
≈ Perrywinkle
- DA8255
≈ Show Business
Complementare divisa +150° +210°
- 38B48B
Hisui Kingfisher
- BB83CF
≈ Purception
- DE7A80
≈ Peach Blossom
Tetradico +90° +180° +270°
- 38B48B
Hisui Kingfisher
- 689DE8
≈ Feather Star
- D37BAB
≈ Ice Plant
- C79034
≈ Yellow Warning
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.60:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.06:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 8.06:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
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);
}