Màu có tên gần nhất · #623E1E
#623E1E
Màu có tên gần nhất: Florida’s Alligator
#623E1E (rgb(98 62 30), hsl(28 53% 25%), oklch(0.399 0.068 60.4)) gần nhất với màu có tên Florida’s Alligator. 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.
#623E1E
oklch(0.399 0.068 60.4)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 715033
- 806248
- 90745E
- 9F8773
- AF9A89
- BEADA0
- CEC1B7
- DED6CF
- EFEAE7
Sắc đậm
- 543519
- 472B13
- 3A230E
- 2D1A09
- 211205
- 160A03
- 0B0401
- 030100
- 000000
Sắc xám
- 654529
- 694B33
- 6C523C
- 6F5846
- 725F50
- 756559
- 786C63
- 7B736C
- 7D7976
Hòa sắc
Bổ túc +180°
- 623E1E
Florida’s Alligator
- 204C69
≈ Seafarer
Tương đồng -30° +30°
- 623E1E
Florida’s Alligator
- 673931
≈ One Dozen
- 554615
≈ Sugarloaf Brown
Bộ ba +120° +240°
- 623E1E
Florida’s Alligator
- 0B5349
≈ Breathe Deeply
- 4D3E67
≈ Geode
Bổ túc chia +150° +210°
- 623E1E
Florida’s Alligator
- 02515C
≈ Kali Blue
- 39456C
≈ Port Gore
Bộ bốn +90° +180° +270°
- 623E1E
Florida’s Alligator
- 2A5234
≈ Kaitoke Green
- 204C69
≈ Seafarer
- 5C3959
≈ Parma Plum Red
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 9.42:1 · APCA Lc 92
Ag
FailTrên nền đen
WCAG 2.22:1 · APCA Lc 11
Màu chữ tốt nhất: #FFFFFF
WCAG 9.42:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
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);
}