Màu có tên gần nhất · #623D25
#623D25
Màu có tên gần nhất: Van Dyke Brown
#623D25 (rgb(98 61 37), hsl(24 45% 26%), oklch(0.398 0.064 52.9)) gần nhất với màu có tên Van Dyke 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.
#623D25
oklch(0.398 0.064 52.9)
Chuyển đổi màu
- HEX
- #623d25
- RGB
- rgb(98 61 37)
- HSL
- hsl(24 45% 26%)
- HWB
- hwb(24 15% 62%)
- OKLCH
- oklch(0.398 0.064 52.9)
- OKLab
- oklab(0.398 0.038 0.051)
- CIE Lab
- lab(29.85 14.73 21.71)
- LCH
- lch(29.85 26.24 55.8)
- CMYK
- cmyk(0% 38% 62% 62%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 714F39
- 80614D
- 907362
- 9F8677
- AF998C
- BFADA2
- CEC1B9
- DFD5D0
- EFEAE7
Sắc đậm
- 54341F
- 472B19
- 3A2213
- 2D1A0D
- 211208
- 160A04
- 0B0402
- 030100
- 000000
Sắc xám
- 65442E
- 694A37
- 6C5140
- 6F5849
- 725E52
- 75655B
- 786C64
- 7B726E
- 7D7977
Hòa sắc
Bổ túc +180°
- 623D25
Van Dyke Brown
- 1E4D64
≈ Seafarer
Tương đồng -30° +30°
- 623D25
Van Dyke Brown
- 653937
≈ Bogong Moth
- 58441B
≈ Smoked Oak Brown
Bộ ba +120° +240°
- 623D25
Van Dyke Brown
- 1A5244
≈ Bagpiper
- 484066
≈ Evening Mauve
Bổ túc chia +150° +210°
- 623D25
Van Dyke Brown
- 0C5156
≈ Emerald Spring
- 35476A
≈ Forlorn Cruise
Bộ bốn +90° +180° +270°
- 623D25
Van Dyke Brown
- 325030
≈ Nettle Green
- 1E4D64
≈ Seafarer
- 583B5B
≈ Old Heliotrope
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 9.48:1 · APCA Lc 92
Ag
FailTrên nền đen
WCAG 2.21:1 · APCA Lc 11
Màu chữ tốt nhất: #FFFFFF
WCAG 9.48:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
CSS
:root {
--van-dyke-brown: #623d25;
--van-dyke-brown-rgb: 98 61 37;
--van-dyke-brown-oklch: oklch(0.398 0.064 52.9);
}
.element {
color: var(--van-dyke-brown);
background-color: hsl(24 45% 26%);
border-color: oklch(0.398 0.064 52.9);
}Tailwind CSS v4
@theme {
--color-van-dyke-brown: #623d25;
--color-van-dyke-brown-50: #fff1e4;
--color-van-dyke-brown-100: #fae3d4;
--color-van-dyke-brown-200: #ebcebb;
--color-van-dyke-brown-300: #d2af99;
--color-van-dyke-brown-400: #bd957c;
--color-van-dyke-brown-500: #a87b5e;
--color-van-dyke-brown-600: #8e6850;
--color-van-dyke-brown-700: #725340;
--color-van-dyke-brown-800: #543c2e;
--color-van-dyke-brown-900: #3b291f;
--color-van-dyke-brown-950: #25170f;
}SCSS
$van-dyke-brown: #623d25;
$van-dyke-brown-rgb: 98, 61, 37;
$van-dyke-brown-light: mix(#fff, $van-dyke-brown, 20%);
$van-dyke-brown-dark: mix(#000, $van-dyke-brown, 20%);
.element {
color: $van-dyke-brown;
box-shadow: 0 0 0 2px rgba($van-dyke-brown, 0.35);
}