Màu có tên gần nhất · #914D00
#914D00
Màu có tên gần nhất: Warm Brown
#914D00 (rgb(145 77 0), hsl(32 100% 28%), oklch(0.493 0.118 58.3)) gần nhất với màu có tên Warm Brown. 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.
#914D00
oklch(0.493 0.118 58.3)
Chuyển đổi màu
- HEX
- #914d00
- RGB
- rgb(145 77 0)
- HSL
- hsl(32 100% 28%)
- HWB
- hwb(32 0% 43%)
- OKLCH
- oklch(0.493 0.118 58.3)
- OKLab
- oklab(0.493 0.062 0.1)
- CIE Lab
- lab(40.61 26.14 49.96)
- LCH
- lch(40.61 56.39 62.4)
- CMYK
- cmyk(0% 47% 100% 43%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9D5E29
- A87043
- B4815A
- BF9371
- CAA488
- D5B6A0
- DFC8B7
- EADACF
- F5ECE7
Sắc đậm
- 7D4200
- 6A3700
- 582C00
- 462200
- 351800
- 250F00
- 150700
- 070200
- 010000
Sắc xám
- 90531B
- 8F582B
- 8E5E38
- 8C6343
- 8B684E
- 896D58
- 877263
- 85776C
- 837B76
Hòa sắc
Bổ túc +180°
- 914D00
Warm Brown
- 006898
≈ Europe Blue
Tương đồng -30° +30°
- 914D00
Warm Brown
- 994339
≈ Morocco Red
- 795D00
≈ Blackfire Earth
Bộ ba +120° +240°
- 914D00
Warm Brown
- 007261
≈ Falcon Turquoise
- 6A509A
≈ Parfait d’Amour
Bổ túc chia +150° +210°
- 914D00
Warm Brown
- 006E7A
≈ Carnival Night
- 455CA4
≈ Bio Blue
Bộ bốn +90° +180° +270°
- 914D00
Warm Brown
- 267338
≈ Japanese Laurel
- 006898
≈ Europe Blue
- 844682
≈ Purpurite Red
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.43:1 · APCA Lc 81
Ag
FailTrên nền đen
WCAG 3.26:1 · APCA Lc 20
Màu chữ tốt nhất: #FFFFFF
WCAG 6.43:1 (AA) · APCA Lc 81
Contrast pairs
Đoạn mã
CSS
:root {
--warm-brown: #914d00;
--warm-brown-rgb: 145 77 0;
--warm-brown-oklch: oklch(0.493 0.118 58.3);
}
.element {
color: var(--warm-brown);
background-color: hsl(32 100% 28%);
border-color: oklch(0.493 0.118 58.3);
}Tailwind CSS v4
@theme {
--color-warm-brown: #914d00;
--color-warm-brown-50: #ffeed4;
--color-warm-brown-100: #ffe0c1;
--color-warm-brown-200: #fac9a2;
--color-warm-brown-300: #e4a979;
--color-warm-brown-400: #d28c54;
--color-warm-brown-500: #bf7028;
--color-warm-brown-600: #a15f25;
--color-warm-brown-700: #814c1d;
--color-warm-brown-800: #613614;
--color-warm-brown-900: #44250d;
--color-warm-brown-950: #2c1302;
}SCSS
$warm-brown: #914d00;
$warm-brown-rgb: 145, 77, 0;
$warm-brown-light: mix(#fff, $warm-brown, 20%);
$warm-brown-dark: mix(#000, $warm-brown, 20%);
.element {
color: $warm-brown;
box-shadow: 0 0 0 2px rgba($warm-brown, 0.35);
}