Colore con nome · #C6D624
Lime Twist
Lime Twist è #C6D624: rgb(198 214 36), hsl(65 71% 49%), oklch(0.836 0.182 115.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Lime Twist color name →
#C6D624
oklch(0.836 0.182 115.2)
Conversioni di colore
- HEX
- #c6d624
- RGB
- rgb(198 214 36)
- HSL
- hsl(65 71% 49%)
- HWB
- hwb(65 14% 16%)
- OKLCH
- oklch(0.836 0.182 115.2)
- OKLab
- oklab(0.836 -0.077 0.165)
- CIE Lab
- lab(82.31 -20 75.48)
- LCH
- lch(82.31 78.08 104.8)
- CMYK
- cmyk(7% 0% 83% 16%)
Tinte · Ombre · Toni
Tinte
- CBDB4C
- D1DF67
- D6E37E
- DCE892
- E1ECA6
- E7F0B8
- EDF4CA
- F3F8DC
- F9FBEE
Ombre
- ACBA1E
- 929E18
- 7A8412
- 626A0C
- 4B5207
- 353B04
- 212502
- 0E1000
- 020200
Toni
- BFCD3C
- B7C54B
- B0BC57
- A9B460
- A2AB67
- 9BA26E
- 949A73
- 8D9178
- 86897C
Armonie di colore
Complementare +180°
- C6D624
Lime Twist
- CDBEFF
≈ Lavender Tonic
Analogo -30° +30°
- C6D624
Lime Twist
- FCBF00
≈ Marigold
- 72E77B
≈ Grotesque Green
Triadico +120° +240°
- C6D624
Lime Twist
- 89D4FF
≈ Kul Sharif Blue
- FFADCC
≈ Heartfelt
Complementare divisa +150° +210°
- C6D624
Lime Twist
- B0C9FF
≈ Night Snow
- FBA5FF
≈ Jigglypuff
Tetradico +90° +180° +270°
- C6D624
Lime Twist
- 00E3F5
≈ Cold Heights
- CDBEFF
≈ Lavender Tonic
- FFB3AB
≈ Peach Bud
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.60:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.04:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.04:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--lime-twist: #c6d624;
--lime-twist-rgb: 198 214 36;
--lime-twist-oklch: oklch(0.836 0.182 115.2);
}
.element {
color: var(--lime-twist);
background-color: hsl(65 71% 49%);
border-color: oklch(0.836 0.182 115.2);
}Tailwind CSS v4
@theme {
--color-lime-twist: #c6d624;
--color-lime-twist-50: #f1fdc2;
--color-lime-twist-100: #e3f1ab;
--color-lime-twist-200: #cedf82;
--color-lime-twist-300: #b1c34b;
--color-lime-twist-400: #9ca900;
--color-lime-twist-500: #849100;
--color-lime-twist-600: #707b00;
--color-lime-twist-700: #596200;
--color-lime-twist-800: #444700;
--color-lime-twist-900: #2f3100;
--color-lime-twist-950: #1c1d00;
}SCSS
$lime-twist: #c6d624;
$lime-twist-rgb: 198, 214, 36;
$lime-twist-light: mix(#fff, $lime-twist, 20%);
$lime-twist-dark: mix(#000, $lime-twist, 20%);
.element {
color: $lime-twist;
box-shadow: 0 0 0 2px rgba($lime-twist, 0.35);
}