最接近的命名颜色 · #674222
#674222
最接近的命名颜色: Florida’s Alligator
#674222（rgb(103 66 34)、hsl(28 50% 27%)、oklch(0.415 0.069 60)）最接近命名颜色 Florida’s Alligator。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#674222
oklch(0.415 0.069 60)
颜色转换
- HEX
- #674222
- RGB
- rgb(103 66 34)
- HSL
- hsl(28 50% 27%)
- HWB
- hwb(28 13% 60%)
- OKLCH
- oklch(0.415 0.069 60)
- OKLab
- oklab(0.415 0.035 0.06)
- CIE Lab
- lab(31.85 13.98 26.01)
- LCH
- lch(31.85 29.53 61.7)
- CMYK
- cmyk(0% 36% 67% 60%)
浅色调 · 深色调 · 灰色调
浅色调
- 765337
- 84654C
- 937761
- A28976
- B19C8C
- C1AFA2
- D0C3B8
- E0D6D0
- EFEBE7
深色调
- 59381C
- 4B2F16
- 3D2511
- 301C0B
- 231407
- 170B03
- 0C0501
- 040100
- 000000
灰色调
- 6A482C
- 6D4E36
- 6F553F
- 725B48
- 756152
- 77675B
- 796D64
- 7C746D
- 7E7A77
配色和谐
互补色 +180°
- 674222
Florida’s Alligator
- 24506D
≈ Kinetic Blue
类似色 -30° +30°
- 674222
Florida’s Alligator
- 6C3C35
≈ Burnished Bark
- 5A4A19
≈ Bronze Olive
三角配色 +120° +240°
- 674222
Florida’s Alligator
- 11584D
≈ Baltic Prince
- 51436C
≈ Izmir Purple
分裂互补色 +150° +210°
- 674222
Florida’s Alligator
- 085660
≈ Baltic Trench
- 3D4971
≈ Egyptian Violet
四角配色 +90° +180° +270°
- 674222
Florida’s Alligator
- 2E5637
≈ Green Stain
- 24506D
≈ Kinetic Blue
- 613D5E
≈ Precious Jewels
对比度与无障碍
Ag
AAA白底
WCAG 8.82:1 · APCA Lc 90
Ag
Fail黑底
WCAG 2.37:1 · APCA Lc 12
最佳文字颜色: #FFFFFF
WCAG 8.82:1 (AAA) · APCA Lc 90
Contrast pairs
代码片段
CSS
:root {
--florida-s-alligator: #674222;
--florida-s-alligator-rgb: 103 66 34;
--florida-s-alligator-oklch: oklch(0.415 0.069 60);
}
.element {
color: var(--florida-s-alligator);
background-color: hsl(28 50% 27%);
border-color: oklch(0.415 0.069 60);
}Tailwind CSS v4
@theme {
--color-florida-s-alligator: #674222;
--color-florida-s-alligator-50: #fff1e2;
--color-florida-s-alligator-100: #fae3d1;
--color-florida-s-alligator-200: #ebceb7;
--color-florida-s-alligator-300: #d2b094;
--color-florida-s-alligator-400: #bd9575;
--color-florida-s-alligator-500: #a87b57;
--color-florida-s-alligator-600: #8e684a;
--color-florida-s-alligator-700: #72533b;
--color-florida-s-alligator-800: #553c2a;
--color-florida-s-alligator-900: #3b2a1c;
--color-florida-s-alligator-950: #25170d;
}SCSS
$florida-s-alligator: #674222;
$florida-s-alligator-rgb: 103, 66, 34;
$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);
}