Màu có tên gần nhất · #663D25
#663D25
Màu có tên gần nhất: Van Dyke Brown
#663D25 (rgb(102 61 37), hsl(22 47% 27%), oklch(0.404 0.068 50.2)) 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.
#663D25
oklch(0.404 0.068 50.2)
Chuyển đổi màu
- HEX
- #663d25
- RGB
- rgb(102 61 37)
- HSL
- hsl(22 47% 27%)
- HWB
- hwb(22 15% 60%)
- OKLCH
- oklch(0.404 0.068 50.2)
- OKLab
- oklab(0.404 0.044 0.053)
- CIE Lab
- lab(30.43 16.61 22.57)
- LCH
- lch(30.43 28.03 53.7)
- CMYK
- cmyk(0% 40% 64% 60%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 754F39
- 84614D
- 937362
- A28677
- B1998C
- C1ADA2
- D0C1B9
- E0D5D0
- EFEAE7
Sắc đậm
- 58341F
- 4A2B19
- 3C2213
- 2F1A0D
- 231208
- 170A04
- 0C0402
- 040100
- 000000
Sắc xám
- 69442E
- 6C4A37
- 6F5141
- 725849
- 745E52
- 77655B
- 796C64
- 7C736E
- 7E7977
Hòa sắc
Bổ túc +180°
- 663D25
Van Dyke Brown
- 184F66
≈ Hanada Blue
Tương đồng -30° +30°
- 663D25
Van Dyke Brown
- 693939
≈ Hot Chocolate
- 5C4418
≈ Mud Brown
Bộ ba +120° +240°
- 663D25
Van Dyke Brown
- 185443
≈ Bagpiper
- 48426B
≈ Geode
Bổ túc chia +150° +210°
- 663D25
Van Dyke Brown
- 015357
≈ Ice Dark Turquoise
- 33496E
≈ Midnight Interlude
Bộ bốn +90° +180° +270°
- 663D25
Van Dyke Brown
- 34522E
≈ Kaitoke Green
- 184F66
≈ Hanada Blue
- 593C5F
≈ English Violet
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 9.29:1 · APCA Lc 91
Ag
FailTrên nền đen
WCAG 2.25:1 · APCA Lc 11
Màu chữ tốt nhất: #FFFFFF
WCAG 9.29:1 (AAA) · APCA Lc 91
Contrast pairs
Đoạn mã
CSS
:root {
--van-dyke-brown: #663d25;
--van-dyke-brown-rgb: 102 61 37;
--van-dyke-brown-oklch: oklch(0.404 0.068 50.2);
}
.element {
color: var(--van-dyke-brown);
background-color: hsl(22 47% 27%);
border-color: oklch(0.404 0.068 50.2);
}Tailwind CSS v4
@theme {
--color-van-dyke-brown: #663d25;
--color-van-dyke-brown-50: #fff0e4;
--color-van-dyke-brown-100: #fbe2d3;
--color-van-dyke-brown-200: #edcdba;
--color-van-dyke-brown-300: #d5ae98;
--color-van-dyke-brown-400: #c0937a;
--color-van-dyke-brown-500: #ab795d;
--color-van-dyke-brown-600: #91674f;
--color-van-dyke-brown-700: #74523f;
--color-van-dyke-brown-800: #563b2d;
--color-van-dyke-brown-900: #3c291f;
--color-van-dyke-brown-950: #26160e;
}SCSS
$van-dyke-brown: #663d25;
$van-dyke-brown-rgb: 102, 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);
}