Nazwany kolor · #65869B
Seal Pup
Seal Pup to #65869B: rgb(101 134 155), hsl(203 21% 50%), oklch(0.603 0.049 236.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Seal Pup color name →
#65869B
oklch(0.603 0.049 236.6)
Konwersje koloru
- HEX
- #65869b
- RGB
- rgb(101 134 155)
- HSL
- hsl(203 21% 50%)
- HWB
- hwb(203 40% 39%)
- OKLCH
- oklch(0.603 0.049 236.6)
- OKLab
- oklab(0.603 -0.027 -0.041)
- CIE Lab
- lab(54 -8 -15.24)
- LCH
- lch(54 17.21 242.3)
- CMYK
- cmyk(35% 14% 0% 39%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7492A5
- 839DAF
- 92A9B8
- A1B5C2
- B0C1CC
- BFCDD6
- CFD9E0
- DFE6EB
- EFF2F5
Odcienie ciemniejsze
- 577486
- 496272
- 3C515E
- 2F404B
- 223039
- 172128
- 0C1318
- 030609
- 000101
Tony
- 688598
- 6B8596
- 6E8493
- 718490
- 73838E
- 76838B
- 788288
- 7B8186
- 7E8183
Harmonie kolorów
Komplementarna +180°
- 65869B
Seal Pup
- 987A65
≈ Fudge Bar
Analogowa -30° +30°
- 65869B
Seal Pup
- 5D8A90
≈ Dusty Turquoise
- 74819F
≈ Positively Purple
Triada +120° +240°
- 65869B
Seal Pup
- 9A7582
≈ Dusk Wine
- 7F8564
≈ Zipline Green
Komplementarna rozszczepiona +150° +210°
- 65869B
Seal Pup
- 9D7671
≈ Southern Road
- 8E7F5F
≈ Mushroom Forest
Tetrada +90° +180° +270°
- 65869B
Seal Pup
- 917791
≈ Passion Fruit
- 987A65
≈ Fudge Bar
- 6E8970
≈ Wonderland
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.86:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.43:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.43:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--seal-pup: #65869b;
--seal-pup-rgb: 101 134 155;
--seal-pup-oklch: oklch(0.603 0.049 236.6);
}
.element {
color: var(--seal-pup);
background-color: hsl(203 21% 50%);
border-color: oklch(0.603 0.049 236.6);
}Tailwind CSS v4
@theme {
--color-seal-pup: #65869b;
--color-seal-pup-50: #e9f8ff;
--color-seal-pup-100: #daebf7;
--color-seal-pup-200: #c2d8e7;
--color-seal-pup-300: #a1bcce;
--color-seal-pup-400: #83a3b8;
--color-seal-pup-500: #678ca3;
--color-seal-pup-600: #57768a;
--color-seal-pup-700: #465f6e;
--color-seal-pup-800: #324551;
--color-seal-pup-900: #223038;
--color-seal-pup-950: #111c23;
}SCSS
$seal-pup: #65869b;
$seal-pup-rgb: 101, 134, 155;
$seal-pup-light: mix(#fff, $seal-pup, 20%);
$seal-pup-dark: mix(#000, $seal-pup, 20%);
.element {
color: $seal-pup;
box-shadow: 0 0 0 2px rgba($seal-pup, 0.35);
}