Nazwany kolor · #6C5A51
Oiled Teak
Oiled Teak to #6C5A51: rgb(108 90 81), hsl(20 14% 37%), oklch(0.483 0.028 48.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Oiled Teak color name →
#6C5A51
oklch(0.483 0.028 48.1)
Konwersje koloru
- HEX
- #6c5a51
- RGB
- rgb(108 90 81)
- HSL
- hsl(20 14% 37%)
- HWB
- hwb(20 32% 58%)
- OKLCH
- oklch(0.483 0.028 48.1)
- OKLab
- oklab(0.483 0.018 0.021)
- CIE Lab
- lab(39.86 6.45 8.1)
- LCH
- lch(39.86 10.35 51.5)
- CMYK
- cmyk(0% 17% 25% 58%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7A6961
- 887971
- 968882
- A49893
- B3A9A4
- C2BAB5
- D1CBC7
- E0DCDA
- EFEDEC
Odcienie ciemniejsze
- 5D4D45
- 4E413A
- 40352F
- 322924
- 251E1A
- 191310
- 0D0907
- 040302
- 000000
Tony
- 6E5E56
- 70615A
- 72655F
- 746963
- 766D68
- 78716D
- 7A7472
- 7C7876
- 7E7C7B
Harmonie kolorów
Komplementarna +180°
- 6C5A51
Oiled Teak
- 4E626B
≈ Masuhana Blue
Analogowa -30° +30°
- 6C5A51
Oiled Teak
- 6D5858
≈ Deepest Mauve
- 675D4D
≈ Primitive
Triada +120° +240°
- 6C5A51
Oiled Teak
- 50645B
≈ Obligation
- 5D5C6E
≈ Shearwater Black
Komplementarna rozszczepiona +150° +210°
- 6C5A51
Oiled Teak
- 4C6364
≈ Wellington
- 555F6E
≈ Sheet Blue
Tetrada +90° +180° +270°
- 6C5A51
Oiled Teak
- 576253
≈ Northern Glen
- 4E626B
≈ Masuhana Blue
- 655A69
≈ Olivine Basalt
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.52:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.21:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.52:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--oiled-teak: #6c5a51;
--oiled-teak-rgb: 108 90 81;
--oiled-teak-oklch: oklch(0.483 0.028 48.1);
}
.element {
color: var(--oiled-teak);
background-color: hsl(20 14% 37%);
border-color: oklch(0.483 0.028 48.1);
}Tailwind CSS v4
@theme {
--color-oiled-teak: #6c5a51;
--color-oiled-teak-50: #fcf3ee;
--color-oiled-teak-100: #f0e5e0;
--color-oiled-teak-200: #dfd1ca;
--color-oiled-teak-300: #c4b4ab;
--color-oiled-teak-400: #ad9a91;
--color-oiled-teak-500: #968177;
--color-oiled-teak-600: #7f6d64;
--color-oiled-teak-700: #665750;
--color-oiled-teak-800: #4b403a;
--color-oiled-teak-900: #342c28;
--color-oiled-teak-950: #1f1916;
}SCSS
$oiled-teak: #6c5a51;
$oiled-teak-rgb: 108, 90, 81;
$oiled-teak-light: mix(#fff, $oiled-teak, 20%);
$oiled-teak-dark: mix(#000, $oiled-teak, 20%);
.element {
color: $oiled-teak;
box-shadow: 0 0 0 2px rgba($oiled-teak, 0.35);
}