Colore con nome · #9FE010
Bryopsida Green
Bryopsida Green è #9FE010: rgb(159 224 16), hsl(79 87% 47%), oklch(0.832 0.214 127.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Bryopsida Green color name →
#9FE010
oklch(0.832 0.214 127.9)
Conversioni di colore
- HEX
- #9fe010
- RGB
- rgb(159 224 16)
- HSL
- hsl(79 87% 47%)
- HWB
- hwb(79 6% 12%)
- OKLCH
- oklch(0.832 0.214 127.9)
- OKLab
- oklab(0.832 -0.132 0.169)
- CIE Lab
- lab(82.48 -39.82 77.57)
- LCH
- lch(82.48 87.19 117.2)
- CMYK
- cmyk(29% 0% 93% 12%)
Tinte · Ombre · Toni
Tinte
- A9E445
- B2E762
- BCEB7A
- C5EE90
- CFF1A4
- D8F4B7
- E2F7C9
- ECFADB
- F5FDED
Ombre
- 8AC30C
- 75A609
- 618A06
- 4D7004
- 3B5602
- 293E01
- 182700
- 091200
- 010200
Toni
- 9CD634
- 99CD46
- 96C353
- 93BA5D
- 90B065
- 8DA76C
- 8A9D72
- 869378
- 838A7C
Armonie di colore
Complementare +180°
- 9FE010
Bryopsida Green
- DBB5FF
≈ Light Violet
Analogo -30° +30°
- 9FE010
Bryopsida Green
- E6C700
≈ Oh Em Ghee
- 00EC95
≈ Mega Teal
Triadico +120° +240°
- 9FE010
Bryopsida Green
- 9ACDFF
≈ Apocyan
- FFAEBC
≈ Poodle Skirt
Complementare divisa +150° +210°
- 9FE010
Bryopsida Green
- BAC3FF
≈ Light Periwinkle
- FFA6E6
≈ Pink Wink
Tetradico +90° +180° +270°
- 9FE010
Bryopsida Green
- 4DDCFF
≈ Berta Blue
- DBB5FF
≈ Light Violet
- FFB29B
≈ Buttery Salmon
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.59:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.14:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.14:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--bryopsida-green: #9fe010;
--bryopsida-green-rgb: 159 224 16;
--bryopsida-green-oklch: oklch(0.832 0.214 127.9);
}
.element {
color: var(--bryopsida-green);
background-color: hsl(79 87% 47%);
border-color: oklch(0.832 0.214 127.9);
}Tailwind CSS v4
@theme {
--color-bryopsida-green: #9fe010;
--color-bryopsida-green-50: #e1ffc1;
--color-bryopsida-green-100: #d0f7aa;
--color-bryopsida-green-200: #b6e782;
--color-bryopsida-green-300: #92cc49;
--color-bryopsida-green-400: #79b400;
--color-bryopsida-green-500: #5b9c00;
--color-bryopsida-green-600: #4e8400;
--color-bryopsida-green-700: #3e6a00;
--color-bryopsida-green-800: #304d00;
--color-bryopsida-green-900: #203600;
--color-bryopsida-green-950: #102100;
}SCSS
$bryopsida-green: #9fe010;
$bryopsida-green-rgb: 159, 224, 16;
$bryopsida-green-light: mix(#fff, $bryopsida-green, 20%);
$bryopsida-green-dark: mix(#000, $bryopsida-green, 20%);
.element {
color: $bryopsida-green;
box-shadow: 0 0 0 2px rgba($bryopsida-green, 0.35);
}