Nazwany kolor · #9D805D
Corkboard
Corkboard to #9D805D: rgb(157 128 93), hsl(33 26% 49%), oklch(0.619 0.061 71.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Corkboard color name →
#9D805D
oklch(0.619 0.061 71.6)
Konwersje koloru
- HEX
- #9d805d
- RGB
- rgb(157 128 93)
- HSL
- hsl(33 26% 49%)
- HWB
- hwb(33 36% 38%)
- OKLCH
- oklch(0.619 0.061 71.6)
- OKLab
- oklab(0.619 0.019 0.058)
- CIE Lab
- lab(55.73 7.87 23.45)
- LCH
- lch(55.73 24.73 71.4)
- CMYK
- cmyk(0% 18% 41% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A78C6D
- B0987C
- BAA58C
- C4B19C
- CDBEAC
- D7CBBC
- E1D8CD
- EBE5DD
- F5F2EE
Odcienie ciemniejsze
- 886E50
- 735D43
- 5F4D37
- 4C3D2A
- 3A2E1F
- 281F14
- 18120A
- 090603
- 010100
Tony
- 9A8061
- 978065
- 948068
- 92806C
- 8F806F
- 8C8073
- 898076
- 86807A
- 83807D
Harmonie kolorów
Komplementarna +180°
- 9D805D
Corkboard
- 6B89AA
≈ Pale Flower
Analogowa -30° +30°
- 9D805D
Corkboard
- A67A69
≈ Chutney Brown
- 8D875C
≈ Fertile Green
Triada +120° +240°
- 9D805D
Corkboard
- 58928F
≈ Green Agate
- 927CA1
≈ Violet Chalk
Komplementarna rozszczepiona +150° +210°
- 9D805D
Corkboard
- 5B8EA0
≈ Georgian Revival Blue
- 7F82AA
≈ Roseine Plum
Tetrada +90° +180° +270°
- 9D805D
Corkboard
- 64917A
≈ Sheffield
- 6B89AA
≈ Pale Flower
- A07890
≈ Angel Heart
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.69:1 · APCA Lc 65
Ag
AANa czerni
WCAG 5.67:1 · APCA Lc 37
Najlepszy kolor tekstu: #000000
WCAG 5.67:1 (AA) · APCA Lc 37
Contrast pairs
Fragmenty kodu
CSS
:root {
--corkboard: #9d805d;
--corkboard-rgb: 157 128 93;
--corkboard-oklch: oklch(0.619 0.061 71.6);
}
.element {
color: var(--corkboard);
background-color: hsl(33 26% 49%);
border-color: oklch(0.619 0.061 71.6);
}Tailwind CSS v4
@theme {
--color-corkboard: #9d805d;
--color-corkboard-50: #fff3e3;
--color-corkboard-100: #f5e5d2;
--color-corkboard-200: #e4d1b8;
--color-corkboard-300: #cbb396;
--color-corkboard-400: #b59977;
--color-corkboard-500: #a08059;
--color-corkboard-600: #876c4c;
--color-corkboard-700: #6c563c;
--color-corkboard-800: #503f2b;
--color-corkboard-900: #382b1d;
--color-corkboard-950: #22180d;
}SCSS
$corkboard: #9d805d;
$corkboard-rgb: 157, 128, 93;
$corkboard-light: mix(#fff, $corkboard, 20%);
$corkboard-dark: mix(#000, $corkboard, 20%);
.element {
color: $corkboard;
box-shadow: 0 0 0 2px rgba($corkboard, 0.35);
}