Colore con nome più vicino · #928300
#928300
Colore con nome più vicino: Captain Kirk
#928300 (rgb(146 131 0), hsl(54 100% 29%), oklch(0.605 0.126 101.3)) è più vicino al colore con nome Captain Kirk. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#928300
oklch(0.605 0.126 101.3)
Conversioni di colore
- HEX
- #928300
- RGB
- rgb(146 131 0)
- HSL
- hsl(54 100% 29%)
- HWB
- hwb(54 0% 43%)
- OKLCH
- oklch(0.605 0.126 101.3)
- OKLab
- oklab(0.605 -0.025 0.124)
- CIE Lab
- lab(54.73 -2.73 58.74)
- LCH
- lch(54.73 58.81 92.7)
- CMYK
- cmyk(0% 10% 100% 43%)
Tinte · Ombre · Toni
Tinte
- 9C8F31
- A79B4D
- B1A865
- BCB47B
- C7C091
- D2CDA7
- DDD9BD
- E8E6D3
- F3F2E9
Ombre
- 7E7100
- 6B6000
- 584F00
- 463F00
- 352F00
- 252000
- 161200
- 080600
- 010100
Toni
- 908322
- 8E8333
- 8C8340
- 8A834C
- 898256
- 87825F
- 858268
- 838170
- 828178
Armonie di colore
Complementare +180°
- 928300
Captain Kirk
- 7677CB
≈ Kickstart Purple
Analogo -30° +30°
- 928300
Captain Kirk
- B0730E
≈ Philippine Gold
- 66913A
≈ Mary’s Garden
Triadico +120° +240°
- 928300
Captain Kirk
- 0090B0
≈ Zeftron
- B36198
≈ Spruce Tree Flower
Complementare divisa +150° +210°
- 928300
Captain Kirk
- 4285CA
≈ Casting Sea
- 9A6AB9
≈ Viola
Tetradico +90° +180° +270°
- 928300
Captain Kirk
- 009591
≈ Intermezzo
- 7677CB
≈ Kickstart Purple
- C05E6E
≈ Candy Drop
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.84:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.46:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.46:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--captain-kirk: #928300;
--captain-kirk-rgb: 146 131 0;
--captain-kirk-oklch: oklch(0.605 0.126 101.3);
}
.element {
color: var(--captain-kirk);
background-color: hsl(54 100% 29%);
border-color: oklch(0.605 0.126 101.3);
}Tailwind CSS v4
@theme {
--color-captain-kirk: #928300;
--color-captain-kirk-50: #fbf8ce;
--color-captain-kirk-100: #efebba;
--color-captain-kirk-200: #ddd798;
--color-captain-kirk-300: #c3bb6c;
--color-captain-kirk-400: #aea03d;
--color-captain-kirk-500: #988700;
--color-captain-kirk-600: #817300;
--color-captain-kirk-700: #675c00;
--color-captain-kirk-800: #4d4200;
--color-captain-kirk-900: #362e00;
--color-captain-kirk-950: #211a00;
}SCSS
$captain-kirk: #928300;
$captain-kirk-rgb: 146, 131, 0;
$captain-kirk-light: mix(#fff, $captain-kirk, 20%);
$captain-kirk-dark: mix(#000, $captain-kirk, 20%);
.element {
color: $captain-kirk;
box-shadow: 0 0 0 2px rgba($captain-kirk, 0.35);
}