Colore con nome · #0BDB43
Dasyphyllous Green
Dasyphyllous Green è #0BDB43: rgb(11 219 67), hsl(136 90% 45%), oklch(0.776 0.24 145.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Dasyphyllous Green color name →
#0BDB43
oklch(0.776 0.24 145.3)
Conversioni di colore
- HEX
- #0bdb43
- RGB
- rgb(11 219 67)
- HSL
- hsl(136 90% 45%)
- HWB
- hwb(136 4% 14%)
- OKLCH
- oklch(0.776 0.24 145.3)
- OKLab
- oklab(0.776 -0.197 0.136)
- CIE Lab
- lab(76.8 -67.99 58.17)
- LCH
- lch(76.8 89.47 139.4)
- CMYK
- cmyk(95% 0% 69% 14%)
Tinte · Ombre · Toni
Tinte
- 47DF5C
- 65E471
- 7DE885
- 93EC97
- A7EFA9
- B9F3BB
- CBF6CC
- DDF9DD
- EEFCEE
Ombre
- 08BE39
- 06A22F
- 048726
- 026D1D
- 015414
- 013C0C
- 002605
- 001101
- 000200
Toni
- 35D24E
- 48C957
- 55C05F
- 5FB766
- 68AE6C
- 6EA571
- 749C75
- 799379
- 7D897D
Armonie di colore
Complementare +180°
- 0BDB43
Dasyphyllous Green
- F87EFF
≈ Atomic Pink
Analogo -30° +30°
- 0BDB43
Dasyphyllous Green
- B3C200
≈ Bile
- 00D4B1
≈ Channel Marker Green
Triadico +120° +240°
- 0BDB43
Dasyphyllous Green
- 93B4FF
≈ Carolina Blue
- FF938A
≈ Lolly
Complementare divisa +150° +210°
- 0BDB43
Dasyphyllous Green
- BCA5FF
≈ Diva
- FF8BBA
≈ Cochonnet
Tetradico +90° +180° +270°
- 0BDB43
Dasyphyllous Green
- 50C3FF
≈ Shovel Knight
- F87EFF
≈ Atomic Pink
- FF994B
≈ Autumn Splendour
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.87:1 · APCA Lc 35
Ag
AAASu nero
WCAG 11.22:1 · APCA Lc 68
Miglior colore del testo: #000000
WCAG 11.22:1 (AAA) · APCA Lc 68
Contrast pairs
Frammenti di codice
CSS
:root {
--dasyphyllous-green: #0bdb43;
--dasyphyllous-green-rgb: 11 219 67;
--dasyphyllous-green-oklch: oklch(0.776 0.24 145.3);
}
.element {
color: var(--dasyphyllous-green);
background-color: hsl(136 90% 45%);
border-color: oklch(0.776 0.24 145.3);
}Tailwind CSS v4
@theme {
--color-dasyphyllous-green: #0bdb43;
--color-dasyphyllous-green-50: #c7ffce;
--color-dasyphyllous-green-100: #b1feba;
--color-dasyphyllous-green-200: #88f097;
--color-dasyphyllous-green-300: #4dd76a;
--color-dasyphyllous-green-400: #00c02f;
--color-dasyphyllous-green-500: #00aa00;
--color-dasyphyllous-green-600: #009000;
--color-dasyphyllous-green-700: #007300;
--color-dasyphyllous-green-800: #005500;
--color-dasyphyllous-green-900: #003b00;
--color-dasyphyllous-green-950: #002500;
}SCSS
$dasyphyllous-green: #0bdb43;
$dasyphyllous-green-rgb: 11, 219, 67;
$dasyphyllous-green-light: mix(#fff, $dasyphyllous-green, 20%);
$dasyphyllous-green-dark: mix(#000, $dasyphyllous-green, 20%);
.element {
color: $dasyphyllous-green;
box-shadow: 0 0 0 2px rgba($dasyphyllous-green, 0.35);
}