Nazwany kolor · #B68B45
Camel Ride
Camel Ride to #B68B45: rgb(182 139 69), hsl(37 45% 49%), oklch(0.664 0.102 77.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Camel Ride color name →
#B68B45
oklch(0.664 0.102 77.6)
Konwersje koloru
- HEX
- #b68b45
- RGB
- rgb(182 139 69)
- HSL
- hsl(37 45% 49%)
- HWB
- hwb(37 27% 29%)
- OKLCH
- oklch(0.664 0.102 77.6)
- OKLab
- oklab(0.664 0.022 0.1)
- CIE Lab
- lab(61.03 11.23 43.25)
- LCH
- lch(61.03 44.68 75.4)
- CMYK
- cmyk(0% 24% 62% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BD9659
- C5A26C
- CCAD7F
- D3B991
- DBC4A3
- E2D0B6
- E9DCC8
- F1E7DA
- F8F3EC
Odcienie ciemniejsze
- 9E783B
- 866631
- 6F5427
- 59431E
- 443215
- 30230C
- 1D1405
- 0C0702
- 020100
Tony
- B18A4D
- AB8954
- A6885B
- A18761
- 9B8667
- 96856C
- 908472
- 8B8377
- 85817B
Harmonie kolorów
Komplementarna +180°
- B68B45
Camel Ride
- 6B95D2
≈ Bashful Blue
Analogowa -30° +30°
- B68B45
Camel Ride
- C77F5B
≈ Clove Bud
- 9A9849
≈ Luau Green
Triada +120° +240°
- B68B45
Camel Ride
- 2DA6A9
≈ Blue Island
- AD7FBC
≈ Berries Galore
Komplementarna rozszczepiona +150° +210°
- B68B45
Camel Ride
- 439FC4
≈ Norse Blue
- 9089CF
≈ Adora
Tetrada +90° +180° +270°
- B68B45
Camel Ride
- 4AA787
≈ Laurel Wreath
- 6B95D2
≈ Bashful Blue
- C1799F
≈ Dolomite Red
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.10:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.76:1 · APCA Lc 44
Najlepszy kolor tekstu: #000000
WCAG 6.76:1 (AA) · APCA Lc 44
Contrast pairs
Fragmenty kodu
CSS
:root {
--camel-ride: #b68b45;
--camel-ride-rgb: 182 139 69;
--camel-ride-oklch: oklch(0.664 0.102 77.6);
}
.element {
color: var(--camel-ride);
background-color: hsl(37 45% 49%);
border-color: oklch(0.664 0.102 77.6);
}Tailwind CSS v4
@theme {
--color-camel-ride: #b68b45;
--color-camel-ride-50: #fff3d5;
--color-camel-ride-100: #fae5c2;
--color-camel-ride-200: #ecd0a3;
--color-camel-ride-300: #d3b27b;
--color-camel-ride-400: #c09755;
--color-camel-ride-500: #ab7c2a;
--color-camel-ride-600: #916a26;
--color-camel-ride-700: #74541e;
--color-camel-ride-800: #573d14;
--color-camel-ride-900: #3c2a0d;
--color-camel-ride-950: #261702;
}SCSS
$camel-ride: #b68b45;
$camel-ride-rgb: 182, 139, 69;
$camel-ride-light: mix(#fff, $camel-ride, 20%);
$camel-ride-dark: mix(#000, $camel-ride, 20%);
.element {
color: $camel-ride;
box-shadow: 0 0 0 2px rgba($camel-ride, 0.35);
}