Nazwany kolor · #B6B5A0
Turtle Trail
Turtle Trail to #B6B5A0: rgb(182 181 160), hsl(57 13% 67%), oklch(0.768 0.029 104.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Turtle Trail color name →
#B6B5A0
oklch(0.768 0.029 104.8)
Konwersje koloru
- HEX
- #b6b5a0
- RGB
- rgb(182 181 160)
- HSL
- hsl(57 13% 67%)
- HWB
- hwb(57 63% 29%)
- OKLCH
- oklch(0.768 0.029 104.8)
- OKLab
- oklab(0.768 -0.007 0.028)
- CIE Lab
- lab(73.33 -2.37 10.89)
- LCH
- lch(73.33 11.14 102.3)
- CMYK
- cmyk(0% 1% 12% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BDBCA9
- C4C3B2
- CBCBBC
- D3D2C5
- DAD9CF
- E1E1D8
- E9E8E2
- F0F0EB
- F7F7F5
Odcienie ciemniejsze
- 9E9D8B
- 868676
- 6F6F61
- 59594E
- 44443B
- 303029
- 1D1D19
- 0C0C09
- 020201
Tony
- B0B09D
- ABAA9A
- A5A596
- A09F93
- 9B9A90
- 95958D
- 90908A
- 8B8A86
- 858583
Harmonie kolorów
Komplementarna +180°
- B6B5A0
Turtle Trail
- B1B1C6
≈ Noble Purple
Analogowa -30° +30°
- B6B5A0
Turtle Trail
- BFB1A0
≈ Balanced Beige
- ACB8A6
≈ Graceful Green
Triada +120° +240°
- B6B5A0
Turtle Trail
- A1B8C2
≈ Sterling Blue
- C2ADB8
≈ Breathtaking Evening
Komplementarna rozszczepiona +150° +210°
- B6B5A0
Turtle Trail
- A8B5C6
≈ Suds
- BBAEC1
≈ Courtly Purple
Tetrada +90° +180° +270°
- B6B5A0
Turtle Trail
- 9FBAB9
≈ Festoon Aqua
- B1B1C6
≈ Noble Purple
- C6ADAE
≈ Burnished Lilac
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.07:1 · APCA Lc 41
Ag
AAANa czerni
WCAG 10.10:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.10:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
CSS
:root {
--turtle-trail: #b6b5a0;
--turtle-trail-rgb: 182 181 160;
--turtle-trail-oklch: oklch(0.768 0.029 104.8);
}
.element {
color: var(--turtle-trail);
background-color: hsl(57 13% 67%);
border-color: oklch(0.768 0.029 104.8);
}Tailwind CSS v4
@theme {
--color-turtle-trail: #b6b5a0;
--color-turtle-trail-50: #f6f6ec;
--color-turtle-trail-100: #e9e9de;
--color-turtle-trail-200: #d5d5c7;
--color-turtle-trail-300: #b9b9a8;
--color-turtle-trail-400: #a1a08c;
--color-turtle-trail-500: #898872;
--color-turtle-trail-600: #747360;
--color-turtle-trail-700: #5d5c4d;
--color-turtle-trail-800: #444337;
--color-turtle-trail-900: #2f2e26;
--color-turtle-trail-950: #1c1b14;
}SCSS
$turtle-trail: #b6b5a0;
$turtle-trail-rgb: 182, 181, 160;
$turtle-trail-light: mix(#fff, $turtle-trail, 20%);
$turtle-trail-dark: mix(#000, $turtle-trail, 20%);
.element {
color: $turtle-trail;
box-shadow: 0 0 0 2px rgba($turtle-trail, 0.35);
}