Màu có tên gần nhất · #005290
#005290
Màu có tên gần nhất: Dark Denim
#005290 (rgb(0 82 144), hsl(206 100% 28%), oklch(0.432 0.122 250)) gần nhất với màu có tên Dark Denim. 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.
#005290
oklch(0.432 0.122 250)
Chuyển đổi màu
- HEX
- #005290
- RGB
- rgb(0 82 144)
- HSL
- hsl(206 100% 28%)
- HWB
- hwb(206 0% 44%)
- OKLCH
- oklch(0.432 0.122 250)
- OKLab
- oklab(0.432 -0.042 -0.115)
- CIE Lab
- lab(33.43 -2.14 -40.98)
- LCH
- lch(33.43 41.03 267)
- CMYK
- cmyk(100% 43% 0% 44%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 27639C
- 4074A7
- 5885B2
- 6F96BE
- 87A7C9
- 9EB8D4
- B6CADF
- CEDBEA
- E6EDF4
Sắc đậm
- 00467D
- 003B6A
- 002F57
- 002545
- 001A34
- 001124
- 000815
- 000207
- 000001
Sắc xám
- 19578F
- 295C8E
- 36618D
- 41668B
- 4C6B8A
- 576F88
- 627387
- 6C7885
- 767C82
Hòa sắc
Bổ túc +180°
- 005290
Dark Denim
- 704600
≈ Flat Brown
Tương đồng -30° +30°
- 005290
Dark Denim
- 005A6E
≈ Deep Lagoon
- 454591
≈ Spectrum Blue
Bộ ba +120° +240°
- 005290
Dark Denim
- 852C41
≈ Bicyclette
- 3A5C00
≈ Lustrian Undergrowth
Bổ túc chia +150° +210°
- 005290
Dark Denim
- 853211
≈ Rogan Josh
- 5C5100
≈ Douro
Bộ bốn +90° +180° +270°
- 005290
Dark Denim
- 7A3065
≈ Ayame Iris
- 704600
≈ Flat Brown
- 00603D
≈ Spruce
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 8.04:1 · APCA Lc 87
Ag
FailTrên nền đen
WCAG 2.60:1 · APCA Lc 15
Màu chữ tốt nhất: #FFFFFF
WCAG 8.04:1 (AAA) · APCA Lc 87
Contrast pairs
Đoạn mã
CSS
:root {
--dark-denim: #005290;
--dark-denim-rgb: 0 82 144;
--dark-denim-oklch: oklch(0.432 0.122 250);
}
.element {
color: var(--dark-denim);
background-color: hsl(206 100% 28%);
border-color: oklch(0.432 0.122 250);
}Tailwind CSS v4
@theme {
--color-dark-denim: #005290;
--color-dark-denim-50: #ddf8ff;
--color-dark-denim-100: #cbebff;
--color-dark-denim-200: #afd8ff;
--color-dark-denim-300: #89bcf5;
--color-dark-denim-400: #63a3e4;
--color-dark-denim-500: #3d8ad3;
--color-dark-denim-600: #3575b2;
--color-dark-denim-700: #2a5e8f;
--color-dark-denim-800: #1a456a;
--color-dark-denim-900: #11304b;
--color-dark-denim-950: #041c31;
}SCSS
$dark-denim: #005290;
$dark-denim-rgb: 0, 82, 144;
$dark-denim-light: mix(#fff, $dark-denim, 20%);
$dark-denim-dark: mix(#000, $dark-denim, 20%);
.element {
color: $dark-denim;
box-shadow: 0 0 0 2px rgba($dark-denim, 0.35);
}