이름 색상 · #83A492
Bristol Green
Bristol Green은(는) #83A492: rgb(131 164 146), hsl(147 15% 58%), oklch(0.689 0.045 161.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Bristol Green color name →
#83A492
oklch(0.689 0.045 161.1)
색상 변환
- HEX
- #83a492
- RGB
- rgb(131 164 146)
- HSL
- hsl(147 15% 58%)
- HWB
- hwb(147 51% 36%)
- OKLCH
- oklch(0.689 0.045 161.1)
- OKLab
- oklab(0.689 -0.043 0.015)
- CIE Lab
- lab(64.49 -14.63 5.44)
- LCH
- lch(64.49 15.61 159.6)
- CMYK
- cmyk(20% 0% 11% 36%)
틴트 · 셰이드 · 톤
틴트
- 8FAD9C
- 9BB6A7
- A7BFB2
- B4C8BC
- C0D1C7
- CCDAD2
- D9E3DD
- E5ECE8
- F2F6F4
셰이드
- 718E7E
- 60796B
- 4F6458
- 3F5046
- 2F3D35
- 202B25
- 121A16
- 060A08
- 010101
톤
- 83A090
- 839D8E
- 83998D
- 82968B
- 829289
- 828E87
- 818B85
- 818784
- 818482
색 조화
보색 +180°
- 83A492
Bristol Green
- AF90A3
≈ Palisade Orchid
유사색 -30° +30°
- 83A492
Bristol Green
- 91A184
≈ Fresh Sod
- 7BA4A2
≈ Sightful
삼각 배색 +120° +240°
- 83A492
Bristol Green
- 9598B7
≈ Thistle Down
- B49286
≈ Mauve Blush
분열 보색 +150° +210°
- 83A492
Bristol Green
- A493B0
≈ Gleeful Joy
- B59094
≈ Deauville Mauve
사각 배색 +90° +180° +270°
- 83A492
Bristol Green
- 879DB6
≈ Office Blue
- AF90A3
≈ Palisade Orchid
- AD977D
≈ Roasted Hazelnut
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.73:1 · APCA Lc 53
Ag
AAA검은색 위
WCAG 7.69:1 · APCA Lc 49
가장 좋은 글자색: #000000
WCAG 7.69:1 (AAA) · APCA Lc 49
Contrast pairs
코드 스니펫
CSS
:root {
--bristol-green: #83a492;
--bristol-green-rgb: 131 164 146;
--bristol-green-oklch: oklch(0.689 0.045 161.1);
}
.element {
color: var(--bristol-green);
background-color: hsl(147 15% 58%);
border-color: oklch(0.689 0.045 161.1);
}Tailwind CSS v4
@theme {
--color-bristol-green: #83a492;
--color-bristol-green-50: #eaf9f1;
--color-bristol-green-100: #dbede4;
--color-bristol-green-200: #c4dbcf;
--color-bristol-green-300: #a4bfb1;
--color-bristol-green-400: #88a796;
--color-bristol-green-500: #6c907d;
--color-bristol-green-600: #5c7a6a;
--color-bristol-green-700: #496154;
--color-bristol-green-800: #35473d;
--color-bristol-green-900: #24312a;
--color-bristol-green-950: #131d17;
}SCSS
$bristol-green: #83a492;
$bristol-green-rgb: 131, 164, 146;
$bristol-green-light: mix(#fff, $bristol-green, 20%);
$bristol-green-dark: mix(#000, $bristol-green, 20%);
.element {
color: $bristol-green;
box-shadow: 0 0 0 2px rgba($bristol-green, 0.35);
}