En yakın adlandırılmış renk · #284144
#284144
En yakın adlandırılmış renk: Mysterious Waters
#284144 (rgb(40 65 68), hsl(186 26% 21%), oklch(0.356 0.031 205.4)) en çok Mysterious Waters 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.
#284144
oklch(0.356 0.031 205.4)
Renk dönüşümleri
- HEX
- #284144
- RGB
- rgb(40 65 68)
- HSL
- hsl(186 26% 21%)
- HWB
- hwb(186 16% 73%)
- OKLCH
- oklch(0.356 0.031 205.4)
- OKLab
- oklab(0.356 -0.028 -0.013)
- CIE Lab
- lab(25.6 -9.34 -5.07)
- LCH
- lch(25.6 10.62 208.5)
- CMYK
- cmyk(41% 4% 0% 73%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3B5255
- 4F6366
- 637577
- 78888A
- 8D9B9C
- A3AEAF
- B9C2C3
- D0D6D6
- E7EAEB
Koyu tonlar
- 21373A
- 1B2E30
- 152526
- 0F1C1D
- 091314
- 040B0C
- 020505
- 010102
- 000000
Gri tonlar
- 31474A
- 394D50
- 425355
- 4B595B
- 536061
- 5C6667
- 656C6D
- 6E7374
- 77797A
Renk uyumları
Tamamlayıcı +180°
- 284144
Mysterious Waters
- 4B3634
≈ Chocolate Red
Analog -30° +30°
- 284144
Mysterious Waters
- 2A423B
≈ Celtic
- 2C3F4A
≈ Bakos Blue
Üçlü +120° +240°
- 284144
Mysterious Waters
- 453745
≈ Wineshade
- 443B29
≈ Typhus Corrosion
Bölünmüş tamamlayıcı +150° +210°
- 284144
Mysterious Waters
- 4A353D
≈ Spell Caster
- 49382C
≈ Batch Brew
Dörtlü +90° +180° +270°
- 284144
Mysterious Waters
- 3D394B
≈ Martinique
- 4B3634
≈ Chocolate Red
- 3B3E2B
≈ Green Kelp
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.88:1 · APCA Lc 95
Ag
FailSiyah üzerinde
WCAG 1.92:1 · APCA Lc 7
En iyi metin rengi: #FFFFFF
WCAG 10.88:1 (AAA) · APCA Lc 95
Contrast pairs
Kod parçacıkları
CSS
:root {
--mysterious-waters: #284144;
--mysterious-waters-rgb: 40 65 68;
--mysterious-waters-oklch: oklch(0.356 0.031 205.4);
}
.element {
color: var(--mysterious-waters);
background-color: hsl(186 26% 21%);
border-color: oklch(0.356 0.031 205.4);
}Tailwind CSS v4
@theme {
--color-mysterious-waters: #284144;
--color-mysterious-waters-50: #ecf8fa;
--color-mysterious-waters-100: #ddebed;
--color-mysterious-waters-200: #c6d8db;
--color-mysterious-waters-300: #a6bcc0;
--color-mysterious-waters-400: #8aa4a7;
--color-mysterious-waters-500: #6e8c90;
--color-mysterious-waters-600: #5e777a;
--color-mysterious-waters-700: #4b5f62;
--color-mysterious-waters-800: #364647;
--color-mysterious-waters-900: #253031;
--color-mysterious-waters-950: #131c1d;
}SCSS
$mysterious-waters: #284144;
$mysterious-waters-rgb: 40, 65, 68;
$mysterious-waters-light: mix(#fff, $mysterious-waters, 20%);
$mysterious-waters-dark: mix(#000, $mysterious-waters, 20%);
.element {
color: $mysterious-waters;
box-shadow: 0 0 0 2px rgba($mysterious-waters, 0.35);
}