이름 색상 · #A7AD8D
Verde Tortuga
Verde Tortuga은(는) #A7AD8D: rgb(167 173 141), hsl(71 16% 62%), oklch(0.734 0.045 116.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Verde Tortuga color name →
#A7AD8D
oklch(0.734 0.045 116.1)
색상 변환
- HEX
- #a7ad8d
- RGB
- rgb(167 173 141)
- HSL
- hsl(71 16% 62%)
- HWB
- hwb(71 55% 32%)
- OKLCH
- oklch(0.734 0.045 116.1)
- OKLab
- oklab(0.734 -0.02 0.04)
- CIE Lab
- lab(69.59 -6.39 15.77)
- LCH
- lch(69.59 17.01 112.1)
- CMYK
- cmyk(3% 0% 18% 32%)
틴트 · 셰이드 · 톤
틴트
- AFB598
- B8BDA3
- C1C5AE
- C9CDBA
- D2D5C5
- DBDED0
- E4E6DC
- EDEEE8
- F6F7F3
셰이드
- 91967A
- 7B7F67
- 666A55
- 525544
- 3E4133
- 2C2D23
- 1A1B14
- 0A0B07
- 010101
톤
- A3A88C
- 9FA48B
- 9B9F89
- 979B88
- 939687
- 8F9286
- 8B8D84
- 888983
- 848481
색 조화
보색 +180°
- A7AD8D
Verde Tortuga
- ABA4C3
≈ Fife
유사색 -30° +30°
- A7AD8D
Verde Tortuga
- B6A889
≈ Sepia Tone
- 97B198
≈ Nurture Green
삼각 배색 +120° +240°
- A7AD8D
Verde Tortuga
- 8FAEC2
≈ Chilly Blue
- C19EAA
≈ Fauna
분열 보색 +150° +210°
- A7AD8D
Verde Tortuga
- 9CA9C6
≈ Scorpion Grass Blue
- B9A0B8
≈ Melting Moment
사각 배색 +90° +180° +270°
- A7AD8D
Verde Tortuga
- 88B2B7
≈ Cold Front Green
- ABA4C3
≈ Fife
- C49F9A
≈ Pepperberry
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.33:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 9.00:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 9.00:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--verde-tortuga: #a7ad8d;
--verde-tortuga-rgb: 167 173 141;
--verde-tortuga-oklch: oklch(0.734 0.045 116.1);
}
.element {
color: var(--verde-tortuga);
background-color: hsl(71 16% 62%);
border-color: oklch(0.734 0.045 116.1);
}Tailwind CSS v4
@theme {
--color-verde-tortuga: #a7ad8d;
--color-verde-tortuga-50: #f4f7e9;
--color-verde-tortuga-100: #e6eada;
--color-verde-tortuga-200: #d2d7c2;
--color-verde-tortuga-300: #b5bba1;
--color-verde-tortuga-400: #9da284;
--color-verde-tortuga-500: #848a68;
--color-verde-tortuga-600: #707558;
--color-verde-tortuga-700: #595e47;
--color-verde-tortuga-800: #424432;
--color-verde-tortuga-900: #2d2f22;
--color-verde-tortuga-950: #1a1c11;
}SCSS
$verde-tortuga: #a7ad8d;
$verde-tortuga-rgb: 167, 173, 141;
$verde-tortuga-light: mix(#fff, $verde-tortuga, 20%);
$verde-tortuga-dark: mix(#000, $verde-tortuga, 20%);
.element {
color: $verde-tortuga;
box-shadow: 0 0 0 2px rgba($verde-tortuga, 0.35);
}