Màu có tên · #9B2002
Garden Gnome Red
Garden Gnome Red là #9B2002: rgb(155 32 2), hsl(12 97% 31%), oklch(0.45 0.162 33.4). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Red mean? → · Garden Gnome Red color name →
#9B2002
oklch(0.45 0.162 33.4)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A83C26
- B4533F
- BF6956
- CA7F6E
- D49485
- DEA99D
- E7BEB5
- EFD4CD
- F7E9E6
Sắc đậm
- 861A01
- 721501
- 5E0F01
- 4B0A00
- 390600
- 280300
- 180100
- 090000
- 010000
Sắc xám
- 9A2F19
- 993B28
- 974634
- 954F40
- 93584B
- 906156
- 8D6960
- 89716B
- 857876
Hòa sắc
Bổ túc +180°
- 9B2002
Garden Gnome Red
- 00606F
≈ Cool Dive
Tương đồng -30° +30°
- 9B2002
Garden Gnome Red
- 971A4C
≈ Berry
- 7C4600
≈ Dusky Brown
Bộ ba +120° +240°
- 9B2002
Garden Gnome Red
- 006735
≈ Treasured Wilderness
- 3C46AD
≈ Night in Manchester
Bổ túc chia +150° +210°
- 9B2002
Garden Gnome Red
- 00635A
≈ Dancing Peacock
- 005A8D
≈ Buccaneer Blue
Bộ bốn +90° +180° +270°
- 9B2002
Garden Gnome Red
- 495F00
≈ Camouflage Green
- 00606F
≈ Cool Dive
- 69359D
≈ Purple Heart
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 8.07:1 · APCA Lc 86
Ag
FailTrên nền đen
WCAG 2.60:1 · APCA Lc 16
Màu chữ tốt nhất: #FFFFFF
WCAG 8.07:1 (AAA) · APCA Lc 86
Contrast pairs
Đoạn mã
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);
}