最接近的命名颜色 · #623E1E
#623E1E
最接近的命名颜色: Florida’s Alligator
#623E1E（rgb(98 62 30)、hsl(28 53% 25%)、oklch(0.399 0.068 60.4)）最接近命名颜色 Florida’s Alligator。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#623E1E
oklch(0.399 0.068 60.4)
颜色转换
- HEX
- #623e1e
- RGB
- rgb(98 62 30)
- HSL
- hsl(28 53% 25%)
- HWB
- hwb(28 12% 62%)
- OKLCH
- oklch(0.399 0.068 60.4)
- OKLab
- oklab(0.399 0.034 0.059)
- CIE Lab
- lab(30.03 13.74 26.03)
- LCH
- lch(30.03 29.44 62.2)
- CMYK
- cmyk(0% 37% 69% 62%)
浅色调 · 深色调 · 灰色调
浅色调
- 715033
- 806248
- 90745E
- 9F8773
- AF9A89
- BEADA0
- CEC1B7
- DED6CF
- EFEAE7
深色调
- 543519
- 472B13
- 3A230E
- 2D1A09
- 211205
- 160A03
- 0B0401
- 030100
- 000000
灰色调
- 654529
- 694B33
- 6C523C
- 6F5846
- 725F50
- 756559
- 786C63
- 7B736C
- 7D7976
配色和谐
互补色 +180°
- 623E1E
Florida’s Alligator
- 204C69
≈ Seafarer
类似色 -30° +30°
- 623E1E
Florida’s Alligator
- 673931
≈ One Dozen
- 554615
≈ Sugarloaf Brown
三角配色 +120° +240°
- 623E1E
Florida’s Alligator
- 0B5349
≈ Breathe Deeply
- 4D3E67
≈ Geode
分裂互补色 +150° +210°
- 623E1E
Florida’s Alligator
- 02515C
≈ Kali Blue
- 39456C
≈ Port Gore
四角配色 +90° +180° +270°
- 623E1E
Florida’s Alligator
- 2A5234
≈ Kaitoke Green
- 204C69
≈ Seafarer
- 5C3959
≈ Parma Plum Red
对比度与无障碍
Ag
AAA白底
WCAG 9.42:1 · APCA Lc 92
Ag
Fail黑底
WCAG 2.22:1 · APCA Lc 11
最佳文字颜色: #FFFFFF
WCAG 9.42:1 (AAA) · APCA Lc 92
Contrast pairs
代码片段
CSS
:root {
--florida-s-alligator: #623e1e;
--florida-s-alligator-rgb: 98 62 30;
--florida-s-alligator-oklch: oklch(0.399 0.068 60.4);
}
.element {
color: var(--florida-s-alligator);
background-color: hsl(28 53% 25%);
border-color: oklch(0.399 0.068 60.4);
}Tailwind CSS v4
@theme {
--color-florida-s-alligator: #623e1e;
--color-florida-s-alligator-50: #fff1e2;
--color-florida-s-alligator-100: #f9e3d1;
--color-florida-s-alligator-200: #eaceb7;
--color-florida-s-alligator-300: #d1b094;
--color-florida-s-alligator-400: #bd9576;
--color-florida-s-alligator-500: #a87c57;
--color-florida-s-alligator-600: #8e694a;
--color-florida-s-alligator-700: #72543b;
--color-florida-s-alligator-800: #543d2a;
--color-florida-s-alligator-900: #3b2a1c;
--color-florida-s-alligator-950: #25170d;
}SCSS
$florida-s-alligator: #623e1e;
$florida-s-alligator-rgb: 98, 62, 30;
$florida-s-alligator-light: mix(#fff, $florida-s-alligator, 20%);
$florida-s-alligator-dark: mix(#000, $florida-s-alligator, 20%);
.element {
color: $florida-s-alligator;
box-shadow: 0 0 0 2px rgba($florida-s-alligator, 0.35);
}