Nazwany kolor · #7D806E
Kakadu Trail
Kakadu Trail to #7D806E: rgb(125 128 110), hsl(70 8% 47%), oklch(0.592 0.027 114.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Kakadu Trail color name →
#7D806E
oklch(0.592 0.027 114.9)
Konwersje koloru
- HEX
- #7d806e
- RGB
- rgb(125 128 110)
- HSL
- hsl(70 8% 47%)
- HWB
- hwb(70 43% 50%)
- OKLCH
- oklch(0.592 0.027 114.9)
- OKLab
- oklab(0.592 -0.011 0.024)
- CIE Lab
- lab(52.93 -3.7 9.41)
- LCH
- lch(52.93 10.11 111.4)
- CMYK
- cmyk(2% 0% 14% 50%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 898C7C
- 969889
- A2A497
- AFB1A6
- BCBEB4
- C9CAC3
- D6D7D1
- E4E4E0
- F1F2F0
Odcienie ciemniejsze
- 6C6E5F
- 5B5D50
- 4B4D41
- 3B3D33
- 2C2E26
- 1E1F19
- 11120E
- 050604
- 010101
Tony
- 7D8070
- 7E8072
- 7E8073
- 7E8075
- 7E8077
- 7F8079
- 7F807B
- 7F807C
- 80807E
Harmonie kolorów
Komplementarna +180°
- 7D806E
Kakadu Trail
- 7F7B8D
≈ Dark Topaz
Analogowa -30° +30°
- 7D806E
Kakadu Trail
- 857D6C
≈ Winter Twig
- 748274
≈ Lottery Winnings
Triada +120° +240°
- 7D806E
Kakadu Trail
- 6F818C
≈ Oyster Bay
- 8C787F
≈ Purple Rubiate
Komplementarna rozszczepiona +150° +210°
- 7D806E
Kakadu Trail
- 767E8E
≈ Seattle Haze
- 867987
≈ High Note
Tetrada +90° +180° +270°
- 7D806E
Kakadu Trail
- 6C8385
≈ Trooper
- 7F7B8D
≈ Dark Topaz
- 8D7876
≈ Bazaar
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.05:1 · APCA Lc 68
Ag
AANa czerni
WCAG 5.18:1 · APCA Lc 34
Najlepszy kolor tekstu: #000000
WCAG 5.18:1 (AA) · APCA Lc 34
Contrast pairs
Fragmenty kodu
CSS
:root {
--kakadu-trail: #7d806e;
--kakadu-trail-rgb: 125 128 110;
--kakadu-trail-oklch: oklch(0.592 0.027 114.9);
}
.element {
color: var(--kakadu-trail);
background-color: hsl(70 8% 47%);
border-color: oklch(0.592 0.027 114.9);
}Tailwind CSS v4
@theme {
--color-kakadu-trail: #7d806e;
--color-kakadu-trail-50: #f4f6ee;
--color-kakadu-trail-100: #e7e9df;
--color-kakadu-trail-200: #d3d6c9;
--color-kakadu-trail-300: #b6b9aa;
--color-kakadu-trail-400: #9ea18f;
--color-kakadu-trail-500: #858974;
--color-kakadu-trail-600: #717463;
--color-kakadu-trail-700: #5a5c4f;
--color-kakadu-trail-800: #424339;
--color-kakadu-trail-900: #2e2f27;
--color-kakadu-trail-950: #1a1b15;
}SCSS
$kakadu-trail: #7d806e;
$kakadu-trail-rgb: 125, 128, 110;
$kakadu-trail-light: mix(#fff, $kakadu-trail, 20%);
$kakadu-trail-dark: mix(#000, $kakadu-trail, 20%);
.element {
color: $kakadu-trail;
box-shadow: 0 0 0 2px rgba($kakadu-trail, 0.35);
}