Nazwany kolor · #C8AC82
Mindful
Mindful to #C8AC82: rgb(200 172 130), hsl(36 39% 65%), oklch(0.759 0.065 77.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Mindful color name →
#C8AC82
oklch(0.759 0.065 77.6)
Konwersje koloru
- HEX
- #c8ac82
- RGB
- rgb(200 172 130)
- HSL
- hsl(36 39% 65%)
- HWB
- hwb(36 51% 22%)
- OKLCH
- oklch(0.759 0.065 77.6)
- OKLab
- oklab(0.759 0.014 0.064)
- CIE Lab
- lab(72.08 6.06 25.62)
- LCH
- lch(72.08 26.33 76.7)
- CMYK
- cmyk(0% 14% 35% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CEB48E
- D3BC9B
- D9C5A7
- DECDB4
- E4D5C0
- E9DDCC
- EEE6D9
- F4EEE6
- F9F7F2
Odcienie ciemniejsze
- AE9570
- 947F5F
- 7B694E
- 63543E
- 4C402F
- 362D20
- 211B12
- 0F0B06
- 020101
Tony
- C1A882
- B9A382
- B29F82
- AB9A82
- A39682
- 9C9282
- 958D81
- 8E8981
- 878481
Harmonie kolorów
Komplementarna +180°
- C8AC82
Mindful
- 97B3DA
≈ Echo Isles Water
Analogowa -30° +30°
- C8AC82
Mindful
- D4A58D
≈ Coronado Dunes
- B4B484
≈ Winter Pear
Triada +120° +240°
- C8AC82
Mindful
- 7EBEBF
≈ Pure Turquoise
- C2A4CC
≈ Pale Grape
Komplementarna rozszczepiona +150° +210°
- C8AC82
Mindful
- 84B9D1
≈ Petit Four
- AEABD9
≈ Monastic
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.16:1 · APCA Lc 43
Ag
AAANa czerni
WCAG 9.67:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.67:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--mindful: #c8ac82;
--mindful-rgb: 200 172 130;
--mindful-oklch: oklch(0.759 0.065 77.6);
}
.element {
color: var(--mindful);
background-color: hsl(36 39% 65%);
border-color: oklch(0.759 0.065 77.6);
}Tailwind CSS v4
@theme {
--color-mindful: #c8ac82;
--color-mindful-50: #fff4e1;
--color-mindful-100: #f4e6d0;
--color-mindful-200: #e3d2b6;
--color-mindful-300: #c9b492;
--color-mindful-400: #b49a73;
--color-mindful-500: #9e8154;
--color-mindful-600: #866d47;
--color-mindful-700: #6b5739;
--color-mindful-800: #503f28;
--color-mindful-900: #372c1b;
--color-mindful-950: #22190b;
}SCSS
$mindful: #c8ac82;
$mindful-rgb: 200, 172, 130;
$mindful-light: mix(#fff, $mindful, 20%);
$mindful-dark: mix(#000, $mindful, 20%);
.element {
color: $mindful;
box-shadow: 0 0 0 2px rgba($mindful, 0.35);
}