Colore con nome · #A6D40D
Jeune Citron
Jeune Citron è #A6D40D: rgb(166 212 13), hsl(74 88% 44%), oklch(0.808 0.198 124). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Jeune Citron color name →
#A6D40D
oklch(0.808 0.198 124)
Conversioni di colore
- HEX
- #a6d40d
- RGB
- rgb(166 212 13)
- HSL
- hsl(74 88% 44%)
- HWB
- hwb(74 5% 17%)
- OKLCH
- oklch(0.808 0.198 124)
- OKLab
- oklab(0.808 -0.111 0.165)
- CIE Lab
- lab(79.45 -32.27 75.81)
- LCH
- lch(79.45 82.39 113.1)
- CMYK
- cmyk(22% 0% 94% 17%)
Tinte · Ombre · Toni
Tinte
- AED943
- B7DE60
- C0E278
- C8E78D
- D1EBA2
- DAEFB5
- E3F3C8
- ECF7DA
- F6FBED
Ombre
- 90B80A
- 7A9D07
- 658305
- 516903
- 3E5102
- 2B3A01
- 1A2400
- 0A1000
- 010200
Toni
- A2CC32
- 9EC344
- 9ABB51
- 96B35B
- 93AA64
- 8FA26B
- 8B9971
- 879177
- 84897C
Armonie di colore
Complementare +180°
- A6D40D
Jeune Citron
- D1ADFF
≈ Teasel Dipsacus
Analogo -30° +30°
- A6D40D
Jeune Citron
- E3BD00
≈ Fat Gold
- 1DE482
≈ Weird Green
Triadico +120° +240°
- A6D40D
Jeune Citron
- 84C8FF
≈ Chromis Damsel Blue
- FFA0B7
≈ Saira Red
Complementare divisa +150° +210°
- A6D40D
Jeune Citron
- ADBCFF
≈ Pastel Blue
- FF95EC
≈ Pink Elephants
Tetradico +90° +180° +270°
- A6D40D
Jeune Citron
- 00D7F8
≈ Neon Blue
- D1ADFF
≈ Teasel Dipsacus
- FFA691
≈ Frozen Salmon
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.74:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.04:1 · APCA Lc 71
Miglior colore del testo: #000000
WCAG 12.04:1 (AAA) · APCA Lc 71
Contrast pairs
Frammenti di codice
CSS
:root {
--jeune-citron: #a6d40d;
--jeune-citron-rgb: 166 212 13;
--jeune-citron-oklch: oklch(0.808 0.198 124);
}
.element {
color: var(--jeune-citron);
background-color: hsl(74 88% 44%);
border-color: oklch(0.808 0.198 124);
}Tailwind CSS v4
@theme {
--color-jeune-citron: #a6d40d;
--color-jeune-citron-50: #e7ffc2;
--color-jeune-citron-100: #d7f4ac;
--color-jeune-citron-200: #bfe484;
--color-jeune-citron-300: #9ec94d;
--color-jeune-citron-400: #87b000;
--color-jeune-citron-500: #6c9800;
--color-jeune-citron-600: #5b8100;
--color-jeune-citron-700: #496700;
--color-jeune-citron-800: #384b00;
--color-jeune-citron-900: #263400;
--color-jeune-citron-950: #151f00;
}SCSS
$jeune-citron: #a6d40d;
$jeune-citron-rgb: 166, 212, 13;
$jeune-citron-light: mix(#fff, $jeune-citron, 20%);
$jeune-citron-dark: mix(#000, $jeune-citron, 20%);
.element {
color: $jeune-citron;
box-shadow: 0 0 0 2px rgba($jeune-citron, 0.35);
}