Nazwany kolor · #D1B7A7
Treeless
Treeless to #D1B7A7: rgb(209 183 167), hsl(23 31% 74%), oklch(0.797 0.037 53.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Treeless color name →
#D1B7A7
oklch(0.797 0.037 53.6)
Konwersje koloru
- HEX
- #d1b7a7
- RGB
- rgb(209 183 167)
- HSL
- hsl(23 31% 74%)
- HWB
- hwb(23 65% 18%)
- OKLCH
- oklch(0.797 0.037 53.6)
- OKLab
- oklab(0.797 0.022 0.03)
- CIE Lab
- lab(76.36 7.75 11.77)
- LCH
- lch(76.36 14.09 56.6)
- CMYK
- cmyk(0% 12% 20% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6BEB0
- DAC5B8
- DFCCC1
- E3D3CA
- E8DBD2
- EDE2DB
- F1E9E4
- F6F0ED
- FAF8F6
Odcienie ciemniejsze
- B59F91
- 9B877B
- 817066
- 685A52
- 50453E
- 39312C
- 231E1A
- 100C0A
- 020201
Tony
- C9B1A3
- C0AC9F
- B8A69B
- B0A197
- A89B93
- A09690
- 98908C
- 908B88
- 888584
Harmonie kolorów
Komplementarna +180°
- D1B7A7
Treeless
- A6C2D2
≈ Drenched
Analogowa -30° +30°
- D1B7A7
Treeless
- D4B4B1
≈ Oyster Pink
- C8BBA2
≈ Relaxed Khaki
Triada +120° +240°
- D1B7A7
Treeless
- A5C5BB
≈ New-Age Green
- BDB9D3
≈ Lemures
Komplementarna rozszczepiona +150° +210°
- D1B7A7
Treeless
- A2C4C8
≈ Ocean Kiss
- B1BDD6
≈ Pigeon Post
Tetrada +90° +180° +270°
- D1B7A7
Treeless
- AFC4AE
≈ Zanah
- A6C2D2
≈ Drenched
- C9B5CB
≈ Softly Softly
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.90:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 11.04:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 11.04:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
CSS
:root {
--treeless: #d1b7a7;
--treeless-rgb: 209 183 167;
--treeless-oklch: oklch(0.797 0.037 53.6);
}
.element {
color: var(--treeless);
background-color: hsl(23 31% 74%);
border-color: oklch(0.797 0.037 53.6);
}Tailwind CSS v4
@theme {
--color-treeless: #d1b7a7;
--color-treeless-50: #fef3eb;
--color-treeless-100: #f2e5dc;
--color-treeless-200: #e1d1c5;
--color-treeless-300: #c7b3a6;
--color-treeless-400: #b1998a;
--color-treeless-500: #9b806f;
--color-treeless-600: #836c5e;
--color-treeless-700: #69574b;
--color-treeless-800: #4d3f37;
--color-treeless-900: #362b25;
--color-treeless-950: #211914;
}SCSS
$treeless: #d1b7a7;
$treeless-rgb: 209, 183, 167;
$treeless-light: mix(#fff, $treeless, 20%);
$treeless-dark: mix(#000, $treeless, 20%);
.element {
color: $treeless;
box-shadow: 0 0 0 2px rgba($treeless, 0.35);
}