이름 색상 · #123328
Intense Green
Intense Green은(는) #123328: rgb(18 51 40), hsl(160 48% 14%), oklch(0.293 0.044 168.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Intense Green color name →
#123328
oklch(0.293 0.044 168.7)
색상 변환
- HEX
- #123328
- RGB
- rgb(18 51 40)
- HSL
- hsl(160 48% 14%)
- HWB
- hwb(160 7% 80%)
- OKLCH
- oklch(0.293 0.044 168.7)
- OKLab
- oklab(0.293 -0.043 0.009)
- CIE Lab
- lab(18.52 -15.15 3.18)
- LCH
- lch(18.52 15.48 168.1)
- CMYK
- cmyk(65% 0% 22% 80%)
틴트 · 셰이드 · 톤
틴트
- 28453A
- 3E574D
- 546B61
- 6A7E76
- 82938C
- 9AA7A2
- B2BDB8
- CBD2CF
- E5E8E7
셰이드
- 0E2B21
- 0A231B
- 071C15
- 04140F
- 020D09
- 010704
- 010302
- 000101
- 000000
톤
- 1E3A30
- 294238
- 334941
- 3E5149
- 495852
- 54605B
- 5E6864
- 6A706D
- 757877
색 조화
보색 +180°
- 123328
Intense Green
- 3C2330
≈ Sitter Red
유사색 -30° +30°
- 123328
Intense Green
- 21311C
≈ Pumpkin Green Black
- 093334
≈ Storm Green
삼각 배색 +120° +240°
- 123328
Intense Green
- 2B2841
≈ Valhalla
- 3E2518
≈ Brown Pod
분열 보색 +150° +210°
- 123328
Intense Green
- 35253A
≈ Kokimurasaki Purple
- 3F2323
≈ Temptress
사각 배색 +90° +180° +270°
- 123328
Intense Green
- 1E2C42
≈ Eternal Darkness
- 3C2330
≈ Sitter Red
- 382911
≈ Brown Tumbleweed
대비 및 접근성
Ag
AAA흰색 위
WCAG 13.72:1 · APCA Lc 100
Ag
Fail검은색 위
WCAG 1.52:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 13.72:1 (AAA) · APCA Lc 100
Contrast pairs
코드 스니펫
CSS
:root {
--intense-green: #123328;
--intense-green-rgb: 18 51 40;
--intense-green-oklch: oklch(0.293 0.044 168.7);
}
.element {
color: var(--intense-green);
background-color: hsl(160 48% 14%);
border-color: oklch(0.293 0.044 168.7);
}Tailwind CSS v4
@theme {
--color-intense-green: #123328;
--color-intense-green-50: #e9f9f3;
--color-intense-green-100: #daede6;
--color-intense-green-200: #c3dbd1;
--color-intense-green-300: #a2bfb4;
--color-intense-green-400: #86a79a;
--color-intense-green-500: #699081;
--color-intense-green-600: #5a7a6d;
--color-intense-green-700: #476157;
--color-intense-green-800: #34473f;
--color-intense-green-900: #23312b;
--color-intense-green-950: #121d19;
}SCSS
$intense-green: #123328;
$intense-green-rgb: 18, 51, 40;
$intense-green-light: mix(#fff, $intense-green, 20%);
$intense-green-dark: mix(#000, $intense-green, 20%);
.element {
color: $intense-green;
box-shadow: 0 0 0 2px rgba($intense-green, 0.35);
}