Nazwany kolor · #9BE510
Quithayran Green
Quithayran Green to #9BE510: rgb(155 229 16), hsl(81 87% 48%), oklch(0.841 0.222 129.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Quithayran Green color name →
#9BE510
oklch(0.841 0.222 129.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A5E846
- AFEB63
- B9EE7B
- C3F190
- CDF4A4
- D7F6B7
- E1F9CA
- EBFBDC
- F5FDEE
Odcienie ciemniejsze
- 86C70C
- 72AA09
- 5E8E06
- 4B7204
- 395802
- 283F01
- 182800
- 091200
- 010300
Tony
- 99DB34
- 96D146
- 94C753
- 91BD5E
- 8EB366
- 8CA96D
- 899E73
- 869478
- 838A7C
Harmonie kolorów
Komplementarna +180°
- 9BE510
Quithayran Green
- DFB8FF
≈ Lavender Fragrance
Analogowa -30° +30°
- 9BE510
Quithayran Green
- E7CC00
≈ Polliwog
- 00F09D
≈ Hyperpop Green
Triada +120° +240°
- 9BE510
Quithayran Green
- A2D0FF
≈ Baby Blue
- FFB3BE
≈ Matt Pink
Komplementarna rozszczepiona +150° +210°
- 9BE510
Quithayran Green
- BFC6FF
≈ Light Periwinkle
- FFACE4
≈ Fresh Gum
Tetrada +90° +180° +270°
- 9BE510
Quithayran Green
- 65DDFF
≈ Athena Blue
- DFB8FF
≈ Lavender Fragrance
- FFB79F
≈ Island Girl
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.54:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.60:1 · APCA Lc 78
Najlepszy kolor tekstu: #000000
WCAG 13.60:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
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);
}