이름 색상 · #B68B45
Camel Ride
Camel Ride은(는) #B68B45: rgb(182 139 69), hsl(37 45% 49%), oklch(0.664 0.102 77.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Camel Ride color name →
#B68B45
oklch(0.664 0.102 77.6)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- BD9659
- C5A26C
- CCAD7F
- D3B991
- DBC4A3
- E2D0B6
- E9DCC8
- F1E7DA
- F8F3EC
셰이드
- 9E783B
- 866631
- 6F5427
- 59431E
- 443215
- 30230C
- 1D1405
- 0C0702
- 020100
톤
- B18A4D
- AB8954
- A6885B
- A18761
- 9B8667
- 96856C
- 908472
- 8B8377
- 85817B
색 조화
보색 +180°
- B68B45
Camel Ride
- 6B95D2
≈ Bashful Blue
유사색 -30° +30°
- B68B45
Camel Ride
- C77F5B
≈ Clove Bud
- 9A9849
≈ Luau Green
삼각 배색 +120° +240°
- B68B45
Camel Ride
- 2DA6A9
≈ Blue Island
- AD7FBC
≈ Berries Galore
분열 보색 +150° +210°
- B68B45
Camel Ride
- 439FC4
≈ Norse Blue
- 9089CF
≈ Adora
사각 배색 +90° +180° +270°
- B68B45
Camel Ride
- 4AA787
≈ Laurel Wreath
- 6B95D2
≈ Bashful Blue
- C1799F
≈ Dolomite Red
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.10:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.76:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.76:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
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);
}