Najbliższy nazwany kolor · #35516D
#35516D
Najbliższy nazwany kolor: Bluedgeons
#35516D (rgb(53 81 109), hsl(210 35% 32%), oklch(0.425 0.058 249.3)) jest najbliższy nazwanemu kolorowi Bluedgeons. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#35516D
oklch(0.425 0.058 249.3)
Konwersje koloru
- HEX
- #35516d
- RGB
- rgb(53 81 109)
- HSL
- hsl(210 35% 32%)
- HWB
- hwb(210 21% 57%)
- OKLCH
- oklch(0.425 0.058 249.3)
- OKLab
- oklab(0.425 -0.02 -0.054)
- CIE Lab
- lab(33.17 -4.28 -19.71)
- LCH
- lch(33.17 20.17 257.7)
- CMYK
- cmyk(51% 26% 0% 57%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 47617B
- 5A7189
- 6D8297
- 8193A6
- 95A4B4
- A9B6C3
- BEC8D2
- D3DAE1
- E9ECF0
Odcienie ciemniejsze
- 2D455E
- 253A4F
- 1D2F41
- 152433
- 0E1A26
- 081019
- 03070D
- 010204
- 000001
Tony
- 3D566F
- 445A71
- 4C5F73
- 536475
- 5A6877
- 626D79
- 69727B
- 71777D
- 787B7E
Harmonie kolorów
Komplementarna +180°
- 35516D
Bluedgeons
- 63492A
≈ Dallas
Analogowa -30° +30°
- 35516D
Bluedgeons
- 245664
≈ Glitch
- 484B6E
≈ Royal Hyacinth
Triada +120° +240°
- 35516D
Bluedgeons
- 6A4148
≈ Purplish Brown
- 445532
≈ Zen Garden Olive
Komplementarna rozszczepiona +150° +210°
- 35516D
Bluedgeons
- 6A4336
≈ Rugged Brown
- 564F28
≈ Bronze Olive
Tetrada +90° +180° +270°
- 35516D
Bluedgeons
- 644259
≈ Hortensia
- 63492A
≈ Dallas
- 315843
≈ O’Neal Green
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.23:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.54:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.23:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--bluedgeons: #35516d;
--bluedgeons-rgb: 53 81 109;
--bluedgeons-oklch: oklch(0.425 0.058 249.3);
}
.element {
color: var(--bluedgeons);
background-color: hsl(210 35% 32%);
border-color: oklch(0.425 0.058 249.3);
}Tailwind CSS v4
@theme {
--color-bluedgeons: #35516d;
--color-bluedgeons-50: #eaf7ff;
--color-bluedgeons-100: #daeafb;
--color-bluedgeons-200: #c3d7ed;
--color-bluedgeons-300: #a2bad5;
--color-bluedgeons-400: #85a2c0;
--color-bluedgeons-500: #688aab;
--color-bluedgeons-600: #597491;
--color-bluedgeons-700: #475d74;
--color-bluedgeons-800: #324456;
--color-bluedgeons-900: #222f3c;
--color-bluedgeons-950: #111c25;
}SCSS
$bluedgeons: #35516d;
$bluedgeons-rgb: 53, 81, 109;
$bluedgeons-light: mix(#fff, $bluedgeons, 20%);
$bluedgeons-dark: mix(#000, $bluedgeons, 20%);
.element {
color: $bluedgeons;
box-shadow: 0 0 0 2px rgba($bluedgeons, 0.35);
}