Colore con nome · #9BE510
Quithayran Green
Quithayran Green è #9BE510: rgb(155 229 16), hsl(81 87% 48%), oklch(0.841 0.222 129.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Quithayran Green color name →
#9BE510
oklch(0.841 0.222 129.5)
Conversioni di colore
- HEX
- #9be510
- RGB
- rgb(155 229 16)
- HSL
- hsl(81 87% 48%)
- HWB
- hwb(81 6% 10%)
- OKLCH
- oklch(0.841 0.222 129.5)
- OKLab
- oklab(0.841 -0.141 0.171)
- CIE Lab
- lab(83.7 -43.23 78.39)
- LCH
- lch(83.7 89.52 118.9)
- CMYK
- cmyk(32% 0% 93% 10%)
Tinte · Ombre · Toni
Tinte
- A5E846
- AFEB63
- B9EE7B
- C3F190
- CDF4A4
- D7F6B7
- E1F9CA
- EBFBDC
- F5FDEE
Ombre
- 86C70C
- 72AA09
- 5E8E06
- 4B7204
- 395802
- 283F01
- 182800
- 091200
- 010300
Toni
- 99DB34
- 96D146
- 94C753
- 91BD5E
- 8EB366
- 8CA96D
- 899E73
- 869478
- 838A7C
Armonie di colore
Complementare +180°
- 9BE510
Quithayran Green
- DFB8FF
≈ Lavender Fragrance
Analogo -30° +30°
- 9BE510
Quithayran Green
- E7CC00
≈ Polliwog
- 00F09D
≈ Hyperpop Green
Triadico +120° +240°
- 9BE510
Quithayran Green
- A2D0FF
≈ Baby Blue
- FFB3BE
≈ Matt Pink
Complementare divisa +150° +210°
- 9BE510
Quithayran Green
- BFC6FF
≈ Light Periwinkle
- FFACE4
≈ Fresh Gum
Tetradico +90° +180° +270°
- 9BE510
Quithayran Green
- 65DDFF
≈ Athena Blue
- DFB8FF
≈ Lavender Fragrance
- FFB79F
≈ Island Girl
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.54:1 · APCA Lc 25
Ag
AAASu nero
WCAG 13.60:1 · APCA Lc 78
Miglior colore del testo: #000000
WCAG 13.60:1 (AAA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--quithayran-green: #9be510;
--quithayran-green-rgb: 155 229 16;
--quithayran-green-oklch: oklch(0.841 0.222 129.5);
}
.element {
color: var(--quithayran-green);
background-color: hsl(81 87% 48%);
border-color: oklch(0.841 0.222 129.5);
}Tailwind CSS v4
@theme {
--color-quithayran-green: #9be510;
--color-quithayran-green-50: #deffc1;
--color-quithayran-green-100: #cdf8aa;
--color-quithayran-green-200: #b2e881;
--color-quithayran-green-300: #8dce47;
--color-quithayran-green-400: #72b500;
--color-quithayran-green-500: #539e00;
--color-quithayran-green-600: #478600;
--color-quithayran-green-700: #386b00;
--color-quithayran-green-800: #2c4e00;
--color-quithayran-green-900: #1e3600;
--color-quithayran-green-950: #0e2100;
}SCSS
$quithayran-green: #9be510;
$quithayran-green-rgb: 155, 229, 16;
$quithayran-green-light: mix(#fff, $quithayran-green, 20%);
$quithayran-green-dark: mix(#000, $quithayran-green, 20%);
.element {
color: $quithayran-green;
box-shadow: 0 0 0 2px rgba($quithayran-green, 0.35);
}