Najbliższy nazwany kolor · #424B61
#424B61
Najbliższy nazwany kolor: Silent Sea
#424B61 (rgb(66 75 97), hsl(223 19% 32%), oklch(0.414 0.039 267.4)) jest najbliższy nazwanemu kolorowi Silent Sea. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#424B61
oklch(0.414 0.039 267.4)
Konwersje koloru
- HEX
- #424b61
- RGB
- rgb(66 75 97)
- HSL
- hsl(223 19% 32%)
- HWB
- hwb(223 26% 62%)
- OKLCH
- oklch(0.414 0.039 267.4)
- OKLab
- oklab(0.414 -0.002 -0.039)
- CIE Lab
- lab(31.76 0.65 -14.24)
- LCH
- lch(31.76 14.26 272.6)
- CMYK
- cmyk(32% 23% 0% 62%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 535B70
- 646C7F
- 767D8E
- 888F9D
- 9BA0AD
- AEB3BD
- C2C5CD
- D6D8DE
- EAEBEE
Odcienie ciemniejsze
- 384053
- 2F3546
- 252B39
- 1C212D
- 141721
- 0B0E15
- 05060B
- 010203
- 000000
Tony
- 485064
- 4E5567
- 545B6A
- 5A606E
- 606571
- 666A74
- 6D7077
- 73757A
- 7A7B7D
Harmonie kolorów
Komplementarna +180°
- 424B61
Silent Sea
- 544A33
≈ Rikan Brown
Analogowa -30° +30°
- 424B61
Silent Sea
- 374F5E
≈ Cello
- 4E475E
≈ Grapewood
Triada +120° +240°
- 424B61
Silent Sea
- 5F4440
≈ Death by Chocolate
- 3D513F
≈ Pine Forest
Komplementarna rozszczepiona +150° +210°
- 424B61
Silent Sea
- 5C4637
≈ Carafe
- 4A4E36
≈ Waiouru
Tetrada +90° +180° +270°
- 424B61
Silent Sea
- 5D434B
≈ Huckleberry
- 544A33
≈ Rikan Brown
- 34534B
≈ Hunter
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.71:1 · APCA Lc 90
Ag
FailNa czerni
WCAG 2.41:1 · APCA Lc 12
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.71:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--silent-sea: #424b61;
--silent-sea-rgb: 66 75 97;
--silent-sea-oklch: oklch(0.414 0.039 267.4);
}
.element {
color: var(--silent-sea);
background-color: hsl(223 19% 32%);
border-color: oklch(0.414 0.039 267.4);
}Tailwind CSS v4
@theme {
--color-silent-sea: #424b61;
--color-silent-sea-50: #f0f5ff;
--color-silent-sea-100: #e2e8f5;
--color-silent-sea-200: #cdd4e5;
--color-silent-sea-300: #afb7cc;
--color-silent-sea-400: #949eb6;
--color-silent-sea-500: #7b86a1;
--color-silent-sea-600: #687188;
--color-silent-sea-700: #535b6d;
--color-silent-sea-800: #3c4250;
--color-silent-sea-900: #292e38;
--color-silent-sea-950: #171b22;
}SCSS
$silent-sea: #424b61;
$silent-sea-rgb: 66, 75, 97;
$silent-sea-light: mix(#fff, $silent-sea, 20%);
$silent-sea-dark: mix(#000, $silent-sea, 20%);
.element {
color: $silent-sea;
box-shadow: 0 0 0 2px rgba($silent-sea, 0.35);
}