Colore con nome · #93AF3C
Googolplex
Googolplex è #93AF3C: rgb(147 175 60), hsl(75 49% 46%), oklch(0.71 0.144 121.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Googolplex color name →
#93AF3C
oklch(0.71 0.144 121.9)
Conversioni di colore
- HEX
- #93af3c
- RGB
- rgb(147 175 60)
- HSL
- hsl(75 49% 46%)
- HWB
- hwb(75 24% 31%)
- OKLCH
- oklch(0.71 0.144 121.9)
- OKLab
- oklab(0.71 -0.076 0.122)
- CIE Lab
- lab(67.65 -22.21 53.13)
- LCH
- lch(67.65 57.59 112.7)
- CMYK
- cmyk(16% 0% 66% 31%)
Tinte · Ombre · Toni
Tinte
- 9DB754
- A7BF69
- B2C77D
- BDCF90
- C7D7A3
- D2DFB6
- DDE7C8
- E8EFDA
- F4F7ED
Ombre
- 7F9833
- 6C812A
- 596B21
- 475619
- 364111
- 252E0A
- 161C04
- 080B01
- 010100
Toni
- 91AA47
- 8FA651
- 8DA159
- 8B9D60
- 899866
- 87936C
- 858F72
- 848A77
- 82857C
Armonie di colore
Complementare +180°
- 93AF3C
Googolplex
- B28AEC
≈ Luminous Lavender
Analogo -30° +30°
- 93AF3C
Googolplex
- C29D09
≈ Molten Bronze
- 50BB73
≈ Esmeralda
Triadico +120° +240°
- 93AF3C
Googolplex
- 3CABF3
≈ Adamantine Blue
- E9789B
≈ Embarrassed
Complementare divisa +150° +210°
- 93AF3C
Googolplex
- 829AFB
≈ Periwinkle Blue
- D57EC9
≈ Purple Kush
Tetradico +90° +180° +270°
- 93AF3C
Googolplex
- 00B5CE
≈ Utopia Beckons
- B28AEC
≈ Luminous Lavender
- ED7C67
≈ Cool Lava
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.48:1 · APCA Lc 49
Ag
AAASu nero
WCAG 8.43:1 · APCA Lc 53
Miglior colore del testo: #000000
WCAG 8.43:1 (AAA) · APCA Lc 53
Contrast pairs
Frammenti di codice
CSS
:root {
--googolplex: #93af3c;
--googolplex-rgb: 147 175 60;
--googolplex-oklch: oklch(0.71 0.144 121.9);
}
.element {
color: var(--googolplex);
background-color: hsl(75 49% 46%);
border-color: oklch(0.71 0.144 121.9);
}Tailwind CSS v4
@theme {
--color-googolplex: #93af3c;
--color-googolplex-50: #ecfdd0;
--color-googolplex-100: #def1bc;
--color-googolplex-200: #c7df9b;
--color-googolplex-300: #a8c46f;
--color-googolplex-400: #91ab40;
--color-googolplex-500: #779400;
--color-googolplex-600: #657d00;
--color-googolplex-700: #516400;
--color-googolplex-800: #3c4900;
--color-googolplex-900: #2a3300;
--color-googolplex-950: #171e00;
}SCSS
$googolplex: #93af3c;
$googolplex-rgb: 147, 175, 60;
$googolplex-light: mix(#fff, $googolplex, 20%);
$googolplex-dark: mix(#000, $googolplex, 20%);
.element {
color: $googolplex;
box-shadow: 0 0 0 2px rgba($googolplex, 0.35);
}