Colore con nome · #ADCF43
Lyceum
Lyceum è #ADCF43: rgb(173 207 67), hsl(75 59% 54%), oklch(0.803 0.167 122.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Lyceum color name →
#ADCF43
oklch(0.803 0.167 122.1)
Conversioni di colore
- HEX
- #adcf43
- RGB
- rgb(173 207 67)
- HSL
- hsl(75 59% 54%)
- HWB
- hwb(75 26% 19%)
- OKLCH
- oklch(0.803 0.167 122.1)
- OKLab
- oklab(0.803 -0.089 0.142)
- CIE Lab
- lab(78.68 -25.92 62.17)
- LCH
- lch(78.68 67.36 112.6)
- CMYK
- cmyk(16% 0% 68% 19%)
Tinte · Ombre · Toni
Tinte
- B5D45D
- BDD972
- C5DE86
- CDE398
- D5E8AA
- DDEDBB
- E5F1CD
- EEF6DE
- F6FBEE
Ombre
- 96B439
- 7F992F
- 6A7F26
- 55671D
- 414F14
- 2D380C
- 1B2305
- 0B1001
- 010200
Toni
- A8C74F
- A4BF58
- 9FB760
- 9AAF67
- 96A86C
- 91A071
- 8D9876
- 89907A
- 84887D
Armonie di colore
Complementare +180°
- ADCF43
Lyceum
- CDACFF
≈ Purple Hepatica
Analogo -30° +30°
- ADCF43
Lyceum
- E5BA00
≈ Fat Gold
- 5ADD87
≈ Drunken Dragonfly
Triadico +120° +240°
- ADCF43
Lyceum
- 7DC7FF
≈ Chromis Damsel Blue
- FF9DB9
≈ Saira Red
Complementare divisa +150° +210°
- ADCF43
Lyceum
- A8BBFF
≈ Pastel Blue
- FC93EE
≈ Pink Elephants
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.78:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.78:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.78:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--lyceum: #adcf43;
--lyceum-rgb: 173 207 67;
--lyceum-oklch: oklch(0.803 0.167 122.1);
}
.element {
color: var(--lyceum);
background-color: hsl(75 59% 54%);
border-color: oklch(0.803 0.167 122.1);
}Tailwind CSS v4
@theme {
--color-lyceum: #adcf43;
--color-lyceum-50: #ebfeca;
--color-lyceum-100: #dcf2b4;
--color-lyceum-200: #c5e190;
--color-lyceum-300: #a5c660;
--color-lyceum-400: #8ead23;
--color-lyceum-500: #759500;
--color-lyceum-600: #637e00;
--color-lyceum-700: #4f6500;
--color-lyceum-800: #3c4a00;
--color-lyceum-900: #293300;
--color-lyceum-950: #171f00;
}SCSS
$lyceum: #adcf43;
$lyceum-rgb: 173, 207, 67;
$lyceum-light: mix(#fff, $lyceum, 20%);
$lyceum-dark: mix(#000, $lyceum, 20%);
.element {
color: $lyceum;
box-shadow: 0 0 0 2px rgba($lyceum, 0.35);
}