Nazwany kolor · #86586A
Tulipwood
Tulipwood to #86586A: rgb(134 88 106), hsl(337 21% 44%), oklch(0.516 0.065 354.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Tulipwood color name →
#86586A
oklch(0.516 0.065 354.5)
Konwersje koloru
- HEX
- #86586a
- RGB
- rgb(134 88 106)
- HSL
- hsl(337 21% 44%)
- HWB
- hwb(337 35% 47%)
- OKLCH
- oklch(0.516 0.065 354.5)
- OKLab
- oklab(0.516 0.065 -0.006)
- CIE Lab
- lab(43.02 21.57 -2.14)
- LCH
- lch(43.02 21.68 354.3)
- CMYK
- cmyk(0% 34% 21% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 926878
- 9E7786
- AA8794
- B698A3
- C2A8B2
- CEB9C1
- DBCAD0
- E7DCDF
- F3EDEF
Odcienie ciemniejsze
- 744B5B
- 623F4D
- 51333F
- 402831
- 301D24
- 211218
- 13090D
- 060304
- 010000
Tony
- 865C6C
- 86606E
- 856471
- 856873
- 846C75
- 847077
- 837479
- 82787C
- 817C7E
Harmonie kolorów
Komplementarna +180°
- 86586A
Tulipwood
- 3B7465
≈ Nominee
Analogowa -30° +30°
- 86586A
Tulipwood
- 7B5B7D
≈ Gala Ball
- 8A5955
≈ Red Willow
Triada +120° +240°
- 86586A
Tulipwood
- 676C3F
≈ Coconut Grove
- 406E88
≈ Crashing Waves
Komplementarna rozszczepiona +150° +210°
- 86586A
Tulipwood
- 507250
≈ Irish Clover
- 337379
≈ King Tide
Tetrada +90° +180° +270°
- 86586A
Tulipwood
- 79653A
≈ Nutria
- 3B7465
≈ Nominee
- 55678E
≈ UCLA Blue
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.80:1 · APCA Lc 79
Ag
FailNa czerni
WCAG 3.61:1 · APCA Lc 23
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.80:1 (AA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--tulipwood: #86586a;
--tulipwood-rgb: 134 88 106;
--tulipwood-oklch: oklch(0.516 0.065 354.5);
}
.element {
color: var(--tulipwood);
background-color: hsl(337 21% 44%);
border-color: oklch(0.516 0.065 354.5);
}Tailwind CSS v4
@theme {
--color-tulipwood: #86586a;
--color-tulipwood-50: #ffeef5;
--color-tulipwood-100: #fbdfe8;
--color-tulipwood-200: #edc9d5;
--color-tulipwood-300: #d4aab8;
--color-tulipwood-400: #be8fa1;
--color-tulipwood-500: #a97489;
--color-tulipwood-600: #8f6274;
--color-tulipwood-700: #734f5c;
--color-tulipwood-800: #543944;
--color-tulipwood-900: #3b272f;
--color-tulipwood-950: #25151c;
}SCSS
$tulipwood: #86586a;
$tulipwood-rgb: 134, 88, 106;
$tulipwood-light: mix(#fff, $tulipwood, 20%);
$tulipwood-dark: mix(#000, $tulipwood, 20%);
.element {
color: $tulipwood;
box-shadow: 0 0 0 2px rgba($tulipwood, 0.35);
}