Colore con nome · #00CC11
Pressing My Luck
Pressing My Luck è #00CC11: rgb(0 204 17), hsl(125 100% 40%), oklch(0.733 0.247 142.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Pressing My Luck color name →
#00CC11
oklch(0.733 0.247 142.8)
Conversioni di colore
- HEX
- #00cc11
- RGB
- rgb(0 204 17)
- HSL
- hsl(125 100% 40%)
- HWB
- hwb(125 0% 20%)
- OKLCH
- oklch(0.733 0.247 142.8)
- OKLab
- oklab(0.733 -0.196 0.149)
- CIE Lab
- lab(71.77 -66.74 66.65)
- LCH
- lch(71.77 94.33 135)
- CMYK
- cmyk(100% 0% 92% 20%)
Tinte · Ombre · Toni
Tinte
- 42D240
- 60D85B
- 78DD73
- 8EE389
- A2E89D
- B6EDB1
- C9F2C5
- DBF6D8
- EDFBEC
Ombre
- 00B10D
- 009709
- 007E06
- 006504
- 004E02
- 003701
- 002200
- 000F00
- 000200
Toni
- 2FC52F
- 43BD40
- 51B64D
- 5BAF57
- 64A760
- 6BA068
- 72986F
- 779075
- 7C887B
Armonie di colore
Complementare +180°
- 00CC11
Pressing My Luck
- ED65FF
≈ Hitsujiyama Pink
Analogo -30° +30°
- 00CC11
Pressing My Luck
- AAB200
≈ Mustard Green
- 00C5A0
≈ Jadeite
Triadico +120° +240°
- 00CC11
Pressing My Luck
- 7AA7FF
≈ Fennel Flower
- FF7977
≈ Embarrassment
Complementare divisa +150° +210°
- 00CC11
Pressing My Luck
- AD94FF
≈ Cobalite
- FF6DB3
≈ Fěn Hóng Pink
Tetradico +90° +180° +270°
- 00CC11
Pressing My Luck
- 00B7F7
≈ Blue Bolt
- ED65FF
≈ Hitsujiyama Pink
- FF8007
≈ Oriole
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.17:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.64:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.64:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--pressing-my-luck: #00cc11;
--pressing-my-luck-rgb: 0 204 17;
--pressing-my-luck-oklch: oklch(0.733 0.247 142.8);
}
.element {
color: var(--pressing-my-luck);
background-color: hsl(125 100% 40%);
border-color: oklch(0.733 0.247 142.8);
}Tailwind CSS v4
@theme {
--color-pressing-my-luck: #00cc11;
--color-pressing-my-luck-50: #c9ffca;
--color-pressing-my-luck-100: #b3feb4;
--color-pressing-my-luck-200: #8cf090;
--color-pressing-my-luck-300: #54d760;
--color-pressing-my-luck-400: #06c013;
--color-pressing-my-luck-500: #00a900;
--color-pressing-my-luck-600: #008f00;
--color-pressing-my-luck-700: #007300;
--color-pressing-my-luck-800: #005400;
--color-pressing-my-luck-900: #003b00;
--color-pressing-my-luck-950: #002400;
}SCSS
$pressing-my-luck: #00cc11;
$pressing-my-luck-rgb: 0, 204, 17;
$pressing-my-luck-light: mix(#fff, $pressing-my-luck, 20%);
$pressing-my-luck-dark: mix(#000, $pressing-my-luck, 20%);
.element {
color: $pressing-my-luck;
box-shadow: 0 0 0 2px rgba($pressing-my-luck, 0.35);
}