Cor nomeada mais próxima · #909C00
#909C00
Cor nomeada mais próxima: BioShock
#909C00 (rgb(144 156 0), hsl(65 100% 31%), oklch(0.66 0.15 115.1)) é mais próxima da cor nomeada BioShock. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#909C00
oklch(0.66 0.15 115.1)
Conversões de cor
- HEX
- #909c00
- RGB
- rgb(144 156 0)
- HSL
- hsl(65 100% 31%)
- HWB
- hwb(65 0% 39%)
- OKLCH
- oklch(0.66 0.15 115.1)
- OKLab
- oklab(0.66 -0.064 0.136)
- CIE Lab
- lab(61.69 -16.18 63.43)
- LCH
- lch(61.69 65.46 104.3)
- CMYK
- cmyk(8% 0% 100% 39%)
Tons claros · Sombras · Tons
Tons claros
- 9AA636
- A5B052
- AFBA6A
- BAC480
- C5CE96
- D0D8AB
- DCE1C0
- E7EBD5
- F3F5EA
Sombras
- 7D8700
- 6A7300
- 575F00
- 454C00
- 343900
- 242800
- 151800
- 070900
- 010100
Tons
- 8E9926
- 8C9737
- 8B9445
- 899250
- 878F59
- 868C62
- 84896A
- 838672
- 818379
Harmonias de cor
Complementar +180°
- 909C00
BioShock
- 9A7DE3
≈ Indigo Bloom
Análoga -30° +30°
- 909C00
BioShock
- B88A00
≈ Loden Yellow
- 4EAA55
≈ Harā Green
Tríade +120° +240°
- 909C00
BioShock
- 009EDB
≈ Vanadyl Blue
- D76797
≈ Cosmetologist’s Pink
Complementar dividida +150° +210°
- 909C00
BioShock
- 658EED
≈ Soft Blue
- BF6FC4
≈ Lavendless
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.02:1 · APCA Lc 57
Ag
AASobre preto
WCAG 6.94:1 · APCA Lc 45
Melhor cor de texto: #000000
WCAG 6.94:1 (AA) · APCA Lc 45
Contrast pairs
Trechos de código
CSS
:root {
--bioshock: #909c00;
--bioshock-rgb: 144 156 0;
--bioshock-oklch: oklch(0.66 0.15 115.1);
}
.element {
color: var(--bioshock);
background-color: hsl(65 100% 31%);
border-color: oklch(0.66 0.15 115.1);
}Tailwind CSS v4
@theme {
--color-bioshock: #909c00;
--color-bioshock-50: #f1fccb;
--color-bioshock-100: #e4efb6;
--color-bioshock-200: #cfdd93;
--color-bioshock-300: #b2c164;
--color-bioshock-400: #9ca82d;
--color-bioshock-500: #849000;
--color-bioshock-600: #707a00;
--color-bioshock-700: #596200;
--color-bioshock-800: #434700;
--color-bioshock-900: #2e3100;
--color-bioshock-950: #1b1d00;
}SCSS
$bioshock: #909c00;
$bioshock-rgb: 144, 156, 0;
$bioshock-light: mix(#fff, $bioshock, 20%);
$bioshock-dark: mix(#000, $bioshock, 20%);
.element {
color: $bioshock;
box-shadow: 0 0 0 2px rgba($bioshock, 0.35);
}