Najbliższy nazwany kolor · #9D8A2A
#9D8A2A
Najbliższy nazwany kolor: Captain Kirk
#9D8A2A (rgb(157 138 42), hsl(50 58% 39%), oklch(0.633 0.115 97.7)) jest najbliższy nazwanemu kolorowi Captain Kirk. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#9D8A2A
oklch(0.633 0.115 97.7)
Konwersje koloru
- HEX
- #9d8a2a
- RGB
- rgb(157 138 42)
- HSL
- hsl(50 58% 39%)
- HWB
- hwb(50 16% 38%)
- OKLCH
- oklch(0.633 0.115 97.7)
- OKLab
- oklab(0.633 -0.015 0.114)
- CIE Lab
- lab(57.91 -0.49 51.07)
- LCH
- lch(57.91 51.08 90.6)
- CMYK
- cmyk(0% 12% 73% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A69545
- B0A15C
- B9AD71
- C3B885
- CDC49A
- D7D0AE
- E1DBC2
- EBE7D6
- F5F3EB
Odcienie ciemniejsze
- 887723
- 73651C
- 5F5316
- 4C4210
- 3A320A
- 282205
- 181402
- 090701
- 010100
Tony
- 9A8938
- 978843
- 94884D
- 918756
- 8E865E
- 8B8565
- 88846C
- 868273
- 83817A
Harmonie kolorów
Komplementarna +180°
- 9D8A2A
Captain Kirk
- 7A82CF
≈ Tanzine
Analogowa -30° +30°
- 9D8A2A
Captain Kirk
- B87B33
≈ Mandalay
- 769747
≈ Emerald Shimmer
Triada +120° +240°
- 9D8A2A
Captain Kirk
- 009AB7
≈ Barrier Reef
- B66EA2
≈ Pink Parade
Komplementarna rozszczepiona +150° +210°
- 9D8A2A
Captain Kirk
- 4C8FCC
≈ Delphinium Corsage
- 9D76C0
≈ Purple Pride
Tetrada +90° +180° +270°
- 9D8A2A
Captain Kirk
- 009F96
≈ Spectra Green
- 7A82CF
≈ Tanzine
- C46B7D
≈ Pink Manhattan
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.44:1 · APCA Lc 62
Ag
AANa czerni
WCAG 6.10:1 · APCA Lc 40
Najlepszy kolor tekstu: #000000
WCAG 6.10:1 (AA) · APCA Lc 40
Contrast pairs
Fragmenty kodu
CSS
:root {
--captain-kirk: #9d8a2a;
--captain-kirk-rgb: 157 138 42;
--captain-kirk-oklch: oklch(0.633 0.115 97.7);
}
.element {
color: var(--captain-kirk);
background-color: hsl(50 58% 39%);
border-color: oklch(0.633 0.115 97.7);
}Tailwind CSS v4
@theme {
--color-captain-kirk: #9d8a2a;
--color-captain-kirk-50: #fdf7d1;
--color-captain-kirk-100: #f1e9be;
--color-captain-kirk-200: #e0d69d;
--color-captain-kirk-300: #c5b973;
--color-captain-kirk-400: #b19f48;
--color-captain-kirk-500: #9b8608;
--color-captain-kirk-600: #83710f;
--color-captain-kirk-700: #695b0d;
--color-captain-kirk-800: #4e4206;
--color-captain-kirk-900: #372d05;
--color-captain-kirk-950: #211a00;
}SCSS
$captain-kirk: #9d8a2a;
$captain-kirk-rgb: 157, 138, 42;
$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);
}