이름 색상 · #9B2002
Garden Gnome Red
Garden Gnome Red은(는) #9B2002: rgb(155 32 2), hsl(12 97% 31%), oklch(0.45 0.162 33.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Garden Gnome Red color name →
#9B2002
oklch(0.45 0.162 33.4)
색상 변환
- HEX
- #9b2002
- RGB
- rgb(155 32 2)
- HSL
- hsl(12 97% 31%)
- HWB
- hwb(12 1% 39%)
- OKLCH
- oklch(0.45 0.162 33.4)
- OKLab
- oklab(0.45 0.136 0.09)
- CIE Lab
- lab(34.66 49.67 47.69)
- LCH
- lch(34.66 68.86 43.8)
- CMYK
- cmyk(0% 79% 99% 39%)
틴트 · 셰이드 · 톤
틴트
- A83C26
- B4533F
- BF6956
- CA7F6E
- D49485
- DEA99D
- E7BEB5
- EFD4CD
- F7E9E6
셰이드
- 861A01
- 721501
- 5E0F01
- 4B0A00
- 390600
- 280300
- 180100
- 090000
- 010000
톤
- 9A2F19
- 993B28
- 974634
- 954F40
- 93584B
- 906156
- 8D6960
- 89716B
- 857876
색 조화
보색 +180°
- 9B2002
Garden Gnome Red
- 00606F
≈ Cool Dive
유사색 -30° +30°
- 9B2002
Garden Gnome Red
- 971A4C
≈ Berry
- 7C4600
≈ Dusky Brown
삼각 배색 +120° +240°
- 9B2002
Garden Gnome Red
- 006735
≈ Treasured Wilderness
- 3C46AD
≈ Night in Manchester
분열 보색 +150° +210°
- 9B2002
Garden Gnome Red
- 00635A
≈ Dancing Peacock
- 005A8D
≈ Buccaneer Blue
사각 배색 +90° +180° +270°
- 9B2002
Garden Gnome Red
- 495F00
≈ Camouflage Green
- 00606F
≈ Cool Dive
- 69359D
≈ Purple Heart
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.07:1 · APCA Lc 86
Ag
Fail검은색 위
WCAG 2.60:1 · APCA Lc 16
가장 좋은 글자색: #FFFFFF
WCAG 8.07:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--garden-gnome-red: #9b2002;
--garden-gnome-red-rgb: 155 32 2;
--garden-gnome-red-oklch: oklch(0.45 0.162 33.4);
}
.element {
color: var(--garden-gnome-red);
background-color: hsl(12 97% 31%);
border-color: oklch(0.45 0.162 33.4);
}Tailwind CSS v4
@theme {
--color-garden-gnome-red: #9b2002;
--color-garden-gnome-red-50: #ffe6d6;
--color-garden-gnome-red-100: #ffd5c3;
--color-garden-gnome-red-200: #ffbba5;
--color-garden-gnome-red-300: #ff987d;
--color-garden-gnome-red-400: #ee765c;
--color-garden-gnome-red-500: #dc5236;
--color-garden-gnome-red-600: #ba472f;
--color-garden-gnome-red-700: #963825;
--color-garden-gnome-red-800: #70271c;
--color-garden-gnome-red-900: #4f1a12;
--color-garden-gnome-red-950: #340a05;
}SCSS
$garden-gnome-red: #9b2002;
$garden-gnome-red-rgb: 155, 32, 2;
$garden-gnome-red-light: mix(#fff, $garden-gnome-red, 20%);
$garden-gnome-red-dark: mix(#000, $garden-gnome-red, 20%);
.element {
color: $garden-gnome-red;
box-shadow: 0 0 0 2px rgba($garden-gnome-red, 0.35);
}