이름 색상 · #68705C
Laurel Garland
Laurel Garland은(는) #68705C: rgb(104 112 92), hsl(84 10% 40%), oklch(0.532 0.032 125.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Laurel Garland color name →
#68705C
oklch(0.532 0.032 125.2)
색상 변환
- HEX
- #68705c
- RGB
- rgb(104 112 92)
- HSL
- hsl(84 10% 40%)
- HWB
- hwb(84 36% 56%)
- OKLCH
- oklch(0.532 0.032 125.2)
- OKLab
- oklab(0.532 -0.018 0.026)
- CIE Lab
- lab(46.1 -6.1 10.09)
- LCH
- lch(46.1 11.79 121.1)
- CMYK
- cmyk(7% 0% 18% 56%)
틴트 · 셰이드 · 톤
틴트
- 767D6B
- 848B7A
- 93998A
- A1A79A
- B0B5AA
- C0C3BB
- CFD2CB
- DFE1DC
- EFF0EE
셰이드
- 59604F
- 4B5142
- 3E4336
- 30352A
- 24271F
- 181A14
- 0C0E0A
- 040403
- 000100
톤
- 6A7260
- 6D7363
- 6F7567
- 71766A
- 74786E
- 767A72
- 797B75
- 7B7D79
- 7E7E7C
색 조화
보색 +180°
- 68705C
Laurel Garland
- 71687C
≈ Decadence
유사색 -30° +30°
- 68705C
Laurel Garland
- 726D58
≈ Secluded Green
- 5E7265
≈ Hilltop
삼각 배색 +120° +240°
- 68705C
Laurel Garland
- 5D6F7E
≈ Glide Time
- 7D656A
≈ Amazing Amethyst
분열 보색 +150° +210°
- 68705C
Laurel Garland
- 676B7F
≈ Nostalgic
- 796674
≈ Old Lavender
사각 배색 +90° +180° +270°
- 68705C
Laurel Garland
- 587278
≈ Bowman Blue
- 71687C
≈ Decadence
- 7E6660
≈ Plumburn
대비 및 접근성
Ag
AA흰색 위
WCAG 5.17:1 · APCA Lc 76
Ag
Fail검은색 위
WCAG 4.06:1 · APCA Lc 26
가장 좋은 글자색: #FFFFFF
WCAG 5.17:1 (AA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--laurel-garland: #68705c;
--laurel-garland-rgb: 104 112 92;
--laurel-garland-oklch: oklch(0.532 0.032 125.2);
}
.element {
color: var(--laurel-garland);
background-color: hsl(84 10% 40%);
border-color: oklch(0.532 0.032 125.2);
}Tailwind CSS v4
@theme {
--color-laurel-garland: #68705c;
--color-laurel-garland-50: #f2f7ed;
--color-laurel-garland-100: #e5eadf;
--color-laurel-garland-200: #d0d7c9;
--color-laurel-garland-300: #b3bba9;
--color-laurel-garland-400: #9aa28e;
--color-laurel-garland-500: #818a73;
--color-laurel-garland-600: #6d7562;
--color-laurel-garland-700: #575e4e;
--color-laurel-garland-800: #404438;
--color-laurel-garland-900: #2c2f26;
--color-laurel-garland-950: #191c15;
}SCSS
$laurel-garland: #68705c;
$laurel-garland-rgb: 104, 112, 92;
$laurel-garland-light: mix(#fff, $laurel-garland, 20%);
$laurel-garland-dark: mix(#000, $laurel-garland, 20%);
.element {
color: $laurel-garland;
box-shadow: 0 0 0 2px rgba($laurel-garland, 0.35);
}