En yakın adlandırılmış renk · #07143E
#07143E
En yakın adlandırılmış renk: Infinite Night
#07143E (rgb(7 20 62), hsl(226 80% 14%), oklch(0.212 0.083 266)) en çok Infinite Night adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#07143E
oklch(0.212 0.083 266)
Renk dönüşümleri
- HEX
- #07143e
- RGB
- rgb(7 20 62)
- HSL
- hsl(226 80% 14%)
- HWB
- hwb(226 3% 76%)
- OKLCH
- oklch(0.212 0.083 266)
- OKLab
- oklab(0.212 -0.006 -0.082)
- CIE Lab
- lab(7.59 9.17 -29.14)
- LCH
- lch(7.59 30.55 287.5)
- CMYK
- cmyk(89% 68% 0% 76%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 1A2950
- 2F3E63
- 465475
- 5E6B88
- 76829C
- 909AAF
- ABB2C3
- C6CBD6
- E2E5EB
Koyu tonlar
- 051035
- 040C2B
- 020823
- 02051A
- 010312
- 00010A
- 000104
- 000001
- 000000
Gri tonlar
- 111F45
- 1C294C
- 273453
- 333E59
- 3F4960
- 4B5467
- 585F6D
- 656A73
- 72757A
Renk uyumları
Tamamlayıcı +180°
- 07143E
Infinite Night
- 221700
≈ Cannon Black
Analog -30° +30°
- 07143E
Infinite Night
- 001C2B
≈ Oxford by Night
- 1D0C39
≈ Middle Red Purple
Üçlü +120° +240°
- 07143E
Infinite Night
- 360203
≈ 3AM Breakup
- 002004
≈ Rainforest Nights
Bölünmüş tamamlayıcı +150° +210°
- 07143E
Infinite Night
- 2A1100
≈ Shadow Play
- 181B00
≈ Yuzu Soy
Dörtlü +90° +180° +270°
- 07143E
Infinite Night
- 33021A
≈ Rhodophobia
- 221700
≈ Cannon Black
- 001F18
≈ Stellar Explorer
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 17.81:1 · APCA Lc 104
Ag
FailSiyah üzerinde
WCAG 1.17:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 17.81:1 (AAA) · APCA Lc 104
Contrast pairs
Kod parçacıkları
CSS
:root {
--infinite-night: #07143e;
--infinite-night-rgb: 7 20 62;
--infinite-night-oklch: oklch(0.212 0.083 266);
}
.element {
color: var(--infinite-night);
background-color: hsl(226 80% 14%);
border-color: oklch(0.212 0.083 266);
}Tailwind CSS v4
@theme {
--color-infinite-night: #07143e;
--color-infinite-night-50: #ebf5ff;
--color-infinite-night-100: #dce8ff;
--color-infinite-night-200: #c5d4f9;
--color-infinite-night-300: #a5b7e3;
--color-infinite-night-400: #889ed0;
--color-infinite-night-500: #6c85bd;
--color-infinite-night-600: #5c70a0;
--color-infinite-night-700: #495a80;
--color-infinite-night-800: #34425f;
--color-infinite-night-900: #232e43;
--color-infinite-night-950: #121a2b;
}SCSS
$infinite-night: #07143e;
$infinite-night-rgb: 7, 20, 62;
$infinite-night-light: mix(#fff, $infinite-night, 20%);
$infinite-night-dark: mix(#000, $infinite-night, 20%);
.element {
color: $infinite-night;
box-shadow: 0 0 0 2px rgba($infinite-night, 0.35);
}