이름 색상 · #112A12
Nori Green
Nori Green은(는) #112A12: rgb(17 42 18), hsl(122 42% 12%), oklch(0.257 0.054 144.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Nori Green color name →
#112A12
oklch(0.257 0.054 144.6)
색상 변환
- HEX
- #112a12
- RGB
- rgb(17 42 18)
- HSL
- hsl(122 42% 12%)
- HWB
- hwb(122 7% 84%)
- OKLCH
- oklch(0.257 0.054 144.6)
- OKLab
- oklab(0.257 -0.044 0.031)
- CIE Lab
- lab(14.52 -14.96 12.49)
- LCH
- lch(14.52 19.49 140.1)
- CMYK
- cmyk(60% 0% 57% 84%)
틴트 · 셰이드 · 톤
틴트
- 263C26
- 3B503B
- 516451
- 687867
- 7F8D7F
- 98A397
- B0B9B0
- CAD0CA
- E4E7E4
셰이드
- 0D230E
- 091C0A
- 061607
- 041004
- 020A02
- 010501
- 000201
- 000100
- 000000
톤
- 1C321C
- 263A26
- 314331
- 3C4B3C
- 475446
- 525C51
- 5D655D
- 696E68
- 747774
색 조화
보색 +180°
- 112A12
Nori Green
- 301A32
≈ Blackcurrant
유사색 -30° +30°
- 112A12
Nori Green
- 232603
≈ Liquorice Root
- 002B22
≈ Deep Slate Green
삼각 배색 +120° +240°
- 112A12
Nori Green
- 16223D
≈ Cool Balaclavas Are Forever
- 391816
≈ Rustic Red
분열 보색 +150° +210°
- 112A12
Nori Green
- 251E3A
≈ Throat
- 371725
≈ Chocolate Kiss
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 15.39:1 · APCA Lc 102
Ag
Fail검은색 위
WCAG 1.36:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 15.39:1 (AAA) · APCA Lc 102
Contrast pairs
코드 스니펫
CSS
:root {
--nori-green: #112a12;
--nori-green-rgb: 17 42 18;
--nori-green-oklch: oklch(0.257 0.054 144.6);
}
.element {
color: var(--nori-green);
background-color: hsl(122 42% 12%);
border-color: oklch(0.257 0.054 144.6);
}Tailwind CSS v4
@theme {
--color-nori-green: #112a12;
--color-nori-green-50: #ecfaec;
--color-nori-green-100: #ddedde;
--color-nori-green-200: #c6dbc7;
--color-nori-green-300: #a6bfa8;
--color-nori-green-400: #8ba78b;
--color-nori-green-500: #709070;
--color-nori-green-600: #5f7a5f;
--color-nori-green-700: #4c614c;
--color-nori-green-800: #384736;
--color-nori-green-900: #263125;
--color-nori-green-950: #141d14;
}SCSS
$nori-green: #112a12;
$nori-green-rgb: 17, 42, 18;
$nori-green-light: mix(#fff, $nori-green, 20%);
$nori-green-dark: mix(#000, $nori-green, 20%);
.element {
color: $nori-green;
box-shadow: 0 0 0 2px rgba($nori-green, 0.35);
}