이름 색상 · #818A40
Sea Turtle
Sea Turtle은(는) #818A40: rgb(129 138 64), hsl(67 37% 40%), oklch(0.61 0.099 115.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Sea Turtle color name →
#818A40
oklch(0.61 0.099 115.1)
색상 변환
- HEX
- #818a40
- RGB
- rgb(129 138 64)
- HSL
- hsl(67 37% 40%)
- HWB
- hwb(67 25% 46%)
- OKLCH
- oklch(0.61 0.099 115.1)
- OKLab
- oklab(0.61 -0.042 0.089)
- CIE Lab
- lab(55.5 -11.74 37.83)
- LCH
- lch(55.5 39.61 107.2)
- CMYK
- cmyk(7% 0% 54% 46%)
틴트 · 셰이드 · 톤
틴트
- 8D9554
- 99A167
- A5AC7A
- B1B88D
- BEC4A0
- CACFB2
- D7DBC5
- E4E7D8
- F2F3EC
셰이드
- 6F7736
- 5E652D
- 4E5324
- 3E421B
- 2E3213
- 1F220B
- 121405
- 060701
- 010100
톤
- 818948
- 818850
- 808757
- 80865D
- 808664
- 80846A
- 80836F
- 808275
- 80817B
색 조화
보색 +180°
- 818A40
Sea Turtle
- 8777B8
≈ Purple Hebe
유사색 -30° +30°
- 818A40
Sea Turtle
- 9E7E35
≈ Metallic Sunburst
- 5B935D
≈ Abundance
삼각 배색 +120° +240°
- 818A40
Sea Turtle
- 3E8CB6
≈ Quiet Night
- B26986
≈ Pink Hibiscus
분열 보색 +150° +210°
- 818A40
Sea Turtle
- 6681BF
≈ Watertown
- A16EA4
≈ Violet Femmes
사각 배색 +90° +180° +270°
- 818A40
Sea Turtle
- 1A949F
≈ Peacock Feather
- 8777B8
≈ Purple Hebe
- B76A64
≈ Lord Baltimore
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.72:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.64:1 · APCA Lc 37
가장 좋은 글자색: #000000
WCAG 5.64:1 (AA) · APCA Lc 37
Contrast pairs
코드 스니펫
CSS
:root {
--sea-turtle: #818a40;
--sea-turtle-rgb: 129 138 64;
--sea-turtle-oklch: oklch(0.61 0.099 115.1);
}
.element {
color: var(--sea-turtle);
background-color: hsl(67 37% 40%);
border-color: oklch(0.61 0.099 115.1);
}Tailwind CSS v4
@theme {
--color-sea-turtle: #818a40;
--color-sea-turtle-50: #f3f9da;
--color-sea-turtle-100: #e5edc8;
--color-sea-turtle-200: #d1daab;
--color-sea-turtle-300: #b3be84;
--color-sea-turtle-400: #9ca660;
--color-sea-turtle-500: #848e3a;
--color-sea-turtle-600: #707832;
--color-sea-turtle-700: #596028;
--color-sea-turtle-800: #42461a;
--color-sea-turtle-900: #2e3011;
--color-sea-turtle-950: #1b1d04;
}SCSS
$sea-turtle: #818a40;
$sea-turtle-rgb: 129, 138, 64;
$sea-turtle-light: mix(#fff, $sea-turtle, 20%);
$sea-turtle-dark: mix(#000, $sea-turtle, 20%);
.element {
color: $sea-turtle;
box-shadow: 0 0 0 2px rgba($sea-turtle, 0.35);
}