가장 가까운 이름 색상 · #18864C
#18864C
가장 가까운 이름 색상: Later Gator
#18864C(rgb(24 134 76), hsl(148 70% 31%), oklch(0.547 0.13 154))와 가장 가까운 이름 색상은 Later Gator입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#18864C
oklch(0.547 0.13 154)
색상 변환
- HEX
- #18864c
- RGB
- rgb(24 134 76)
- HSL
- hsl(148 70% 31%)
- HWB
- hwb(148 9% 47%)
- OKLCH
- oklch(0.547 0.13 154)
- OKLab
- oklab(0.547 -0.117 0.057)
- CIE Lab
- lab(49.17 -41.28 22.48)
- LCH
- lch(49.17 47 151.4)
- CMYK
- cmyk(82% 0% 43% 47%)
틴트 · 셰이드 · 톤
틴트
- 3B925D
- 549E6E
- 6BAA7F
- 80B691
- 96C2A3
- ABCEB5
- C0DAC7
- D5E7D9
- EAF3EC
셰이드
- 137441
- 0F6236
- 0A512C
- 074022
- 043018
- 02210F
- 011306
- 000602
- 000100
톤
- 2D8652
- 3B8557
- 46855C
- 508562
- 5A8467
- 62836C
- 6A8371
- 728276
- 79817B
색 조화
보색 +180°
- 18864C
Later Gator
- 9D5090
≈ Hyacinth Violet
유사색 -30° +30°
- 18864C
Later Gator
- 617D10
≈ Birch Leaf Green
- 008377
≈ Green Garlands
삼각 배색 +120° +240°
- 18864C
Later Gator
- 5A68BC
≈ Bluish Purple Anemone
- AF503A
≈ Crimson Warrior
분열 보색 +150° +210°
- 18864C
Later Gator
- 825BAE
≈ Genestealer Purple
- AD4B68
≈ Bing Cherry Pie
사각 배색 +90° +180° +270°
- 18864C
Later Gator
- 1077B6
≈ Americana
- 9D5090
≈ Hyacinth Violet
- A25E00
≈ Raw Umber
대비 및 접근성
Ag
AA흰색 위
WCAG 4.61:1 · APCA Lc 72
Ag
AA검은색 위
WCAG 4.55:1 · APCA Lc 30
가장 좋은 글자색: #FFFFFF
WCAG 4.61:1 (AA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--later-gator: #18864c;
--later-gator-rgb: 24 134 76;
--later-gator-oklch: oklch(0.547 0.13 154);
}
.element {
color: var(--later-gator);
background-color: hsl(148 70% 31%);
border-color: oklch(0.547 0.13 154);
}Tailwind CSS v4
@theme {
--color-later-gator: #18864c;
--color-later-gator-50: #d8ffe6;
--color-later-gator-100: #c6f6d6;
--color-later-gator-200: #a7e5bd;
--color-later-gator-300: #7ecb9b;
--color-later-gator-400: #59b57a;
--color-later-gator-500: #269e5d;
--color-later-gator-600: #24864f;
--color-later-gator-700: #1d6b3f;
--color-later-gator-800: #164f2b;
--color-later-gator-900: #0e371d;
--color-later-gator-950: #02220d;
}SCSS
$later-gator: #18864c;
$later-gator-rgb: 24, 134, 76;
$later-gator-light: mix(#fff, $later-gator, 20%);
$later-gator-dark: mix(#000, $later-gator, 20%);
.element {
color: $later-gator;
box-shadow: 0 0 0 2px rgba($later-gator, 0.35);
}