Màu có tên gần nhất · #00273B
#00273B
Màu có tên gần nhất: Midnight Dreams
#00273B (rgb(0 39 59), hsl(200 100% 12%), oklch(0.258 0.056 236.7)) gần nhất với màu có tên Midnight Dreams. 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.
#00273B
oklch(0.258 0.056 236.7)
Chuyển đổi màu
- HEX
- #00273b
- RGB
- rgb(0 39 59)
- HSL
- hsl(200 100% 12%)
- HWB
- hwb(200 0% 77%)
- OKLCH
- oklch(0.258 0.056 236.7)
- OKLab
- oklab(0.258 -0.031 -0.047)
- CIE Lab
- lab(13.94 -6.87 -16.91)
- LCH
- lch(13.94 18.25 247.9)
- CMYK
- cmyk(100% 34% 0% 77%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 1A3A4D
- 314D5F
- 496271
- 617685
- 798C98
- 93A2AC
- ADB8C0
- C8D0D5
- E3E7EA
Sắc đậm
- 002032
- 001A29
- 001421
- 000E19
- 000811
- 000409
- 000204
- 000101
- 000000
Sắc xám
- 0F2F42
- 1C3849
- 29414F
- 354956
- 41525D
- 4D5B64
- 5A646B
- 666D72
- 737779
Hòa sắc
Bổ túc +180°
- 00273B
Midnight Dreams
- 371B04
≈ Close but No Cigar
Tương đồng -30° +30°
- 00273B
Midnight Dreams
- 00292E
≈ Daintree
- 17223F
≈ Cool Balaclavas Are Forever
Bộ ba +120° +240°
- 00273B
Midnight Dreams
- 381724
≈ Chocolate Kiss
- 222702
≈ Lindworm Green
Bổ túc chia +150° +210°
- 00273B
Midnight Dreams
- 3A1714
≈ Dark Sienna
- 2F2100
≈ Black Swan
Bộ bốn +90° +180° +270°
- 00273B
Midnight Dreams
- 311932
≈ Nightly Voyager
- 371B04
≈ Close but No Cigar
- 0E2B12
≈ Nori Green
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 15.51:1 · APCA Lc 102
Ag
FailTrên nền đen
WCAG 1.35:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 15.51:1 (AAA) · APCA Lc 102
Contrast pairs
Đoạn mã
CSS
:root {
--midnight-dreams: #00273b;
--midnight-dreams-rgb: 0 39 59;
--midnight-dreams-oklch: oklch(0.258 0.056 236.7);
}
.element {
color: var(--midnight-dreams);
background-color: hsl(200 100% 12%);
border-color: oklch(0.258 0.056 236.7);
}Tailwind CSS v4
@theme {
--color-midnight-dreams: #00273b;
--color-midnight-dreams-50: #e7f8ff;
--color-midnight-dreams-100: #d8ebf9;
--color-midnight-dreams-200: #bfd8ea;
--color-midnight-dreams-300: #9ebcd1;
--color-midnight-dreams-400: #7fa4bc;
--color-midnight-dreams-500: #628ca7;
--color-midnight-dreams-600: #53778d;
--color-midnight-dreams-700: #425f71;
--color-midnight-dreams-800: #2f4653;
--color-midnight-dreams-900: #20303a;
--color-midnight-dreams-950: #0f1c24;
}SCSS
$midnight-dreams: #00273b;
$midnight-dreams-rgb: 0, 39, 59;
$midnight-dreams-light: mix(#fff, $midnight-dreams, 20%);
$midnight-dreams-dark: mix(#000, $midnight-dreams, 20%);
.element {
color: $midnight-dreams;
box-shadow: 0 0 0 2px rgba($midnight-dreams, 0.35);
}