이름 색상 · #155843
Billiard Table
Billiard Table은(는) #155843: rgb(21 88 67), hsl(161 61% 21%), oklch(0.413 0.075 167.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Billiard Table color name →
#155843
oklch(0.413 0.075 167.6)
색상 변환
- HEX
- #155843
- RGB
- rgb(21 88 67)
- HSL
- hsl(161 61% 21%)
- HWB
- hwb(161 8% 65%)
- OKLCH
- oklch(0.413 0.075 167.6)
- OKLab
- oklab(0.413 -0.073 0.016)
- CIE Lab
- lab(32.93 -25.83 5.98)
- LCH
- lch(32.93 26.52 167)
- CMYK
- cmyk(76% 0% 24% 65%)
틴트 · 셰이드 · 톤
틴트
- 316854
- 487765
- 5E8777
- 749889
- 8BA89C
- A1B9AF
- B8CAC2
- D0DCD6
- E7EDEA
셰이드
- 114B39
- 0C3F2F
- 083326
- 05281D
- 031D14
- 02120C
- 010905
- 000301
- 000000
톤
- 255C49
- 31604F
- 3C6455
- 47685B
- 506C61
- 5A7067
- 64746D
- 6D7873
- 777C7A
색 조화
보색 +180°
- 155843
Billiard Table
- 693A53
≈ Primitive Plum
유사색 -30° +30°
- 155843
Billiard Table
- 37552B
≈ Zen Garden Olive
- 005759
≈ Deep Sea Green
삼각 배색 +120° +240°
- 155843
Billiard Table
- 494472
≈ Izmir Purple
- 6C3E25
≈ New Amber
분열 보색 +150° +210°
- 155843
Billiard Table
- 5C3E66
≈ Kikyō Purple
- 6E393C
≈ Rubine
사각 배색 +90° +180° +270°
- 155843
Billiard Table
- 304C73
≈ Sailboat
- 693A53
≈ Primitive Plum
- 624514
≈ Mud Brown
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.37:1 · APCA Lc 89
Ag
Fail검은색 위
WCAG 2.50:1 · APCA Lc 14
가장 좋은 글자색: #FFFFFF
WCAG 8.37:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--billiard-table: #155843;
--billiard-table-rgb: 21 88 67;
--billiard-table-oklch: oklch(0.413 0.075 167.6);
}
.element {
color: var(--billiard-table);
background-color: hsl(161 61% 21%);
border-color: oklch(0.413 0.075 167.6);
}Tailwind CSS v4
@theme {
--color-billiard-table: #155843;
--color-billiard-table-50: #e1fdf2;
--color-billiard-table-100: #d1f0e4;
--color-billiard-table-200: #b6dfcf;
--color-billiard-table-300: #92c4b1;
--color-billiard-table-400: #72ad96;
--color-billiard-table-500: #50967c;
--color-billiard-table-600: #457f69;
--color-billiard-table-700: #376654;
--color-billiard-table-800: #274b3c;
--color-billiard-table-900: #1a3429;
--color-billiard-table-950: #0a1f17;
}SCSS
$billiard-table: #155843;
$billiard-table-rgb: 21, 88, 67;
$billiard-table-light: mix(#fff, $billiard-table, 20%);
$billiard-table-dark: mix(#000, $billiard-table, 20%);
.element {
color: $billiard-table;
box-shadow: 0 0 0 2px rgba($billiard-table, 0.35);
}