En yakın adlandırılmış renk · #424B61
#424B61
En yakın adlandırılmış renk: Silent Sea
#424B61 (rgb(66 75 97), hsl(223 19% 32%), oklch(0.414 0.039 267.4)) en çok Silent Sea 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.
#424B61
oklch(0.414 0.039 267.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 535B70
- 646C7F
- 767D8E
- 888F9D
- 9BA0AD
- AEB3BD
- C2C5CD
- D6D8DE
- EAEBEE
Koyu tonlar
- 384053
- 2F3546
- 252B39
- 1C212D
- 141721
- 0B0E15
- 05060B
- 010203
- 000000
Gri tonlar
- 485064
- 4E5567
- 545B6A
- 5A606E
- 606571
- 666A74
- 6D7077
- 73757A
- 7A7B7D
Renk uyumları
Tamamlayıcı +180°
- 424B61
Silent Sea
- 544A33
≈ Rikan Brown
Analog -30° +30°
- 424B61
Silent Sea
- 374F5E
≈ Cello
- 4E475E
≈ Grapewood
Üçlü +120° +240°
- 424B61
Silent Sea
- 5F4440
≈ Death by Chocolate
- 3D513F
≈ Pine Forest
Bölünmüş tamamlayıcı +150° +210°
- 424B61
Silent Sea
- 5C4637
≈ Carafe
- 4A4E36
≈ Waiouru
Dörtlü +90° +180° +270°
- 424B61
Silent Sea
- 5D434B
≈ Huckleberry
- 544A33
≈ Rikan Brown
- 34534B
≈ Hunter
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.71:1 · APCA Lc 90
Ag
FailSiyah üzerinde
WCAG 2.41:1 · APCA Lc 12
En iyi metin rengi: #FFFFFF
WCAG 8.71:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
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);
}