Nazwany kolor · #353E64
Bay of Many
Bay of Many to #353E64: rgb(53 62 100), hsl(229 31% 30%), oklch(0.374 0.066 272.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Bay of Many color name →
#353E64
oklch(0.374 0.066 272.7)
Konwersje koloru
- HEX
- #353e64
- RGB
- rgb(53 62 100)
- HSL
- hsl(229 31% 30%)
- HWB
- hwb(229 21% 61%)
- OKLCH
- oklch(0.374 0.066 272.7)
- OKLab
- oklab(0.374 0.003 -0.066)
- CIE Lab
- lab(26.79 4.86 -23.93)
- LCH
- lch(26.79 24.42 281.5)
- CMYK
- cmyk(47% 38% 0% 61%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 464F73
- 596182
- 6C7491
- 7F86A0
- 939AB0
- A8ADBF
- BDC1CF
- D3D5DF
- E9EAEF
Odcienie ciemniejsze
- 2D3556
- 252B48
- 1D233B
- 151A2E
- 0E1222
- 080A16
- 03040B
- 010103
- 000000
Tony
- 3C4567
- 434B6A
- 4A526D
- 525870
- 595F73
- 616576
- 686C78
- 70737B
- 78797E
Harmonie kolorów
Komplementarna +180°
- 353E64
Bay of Many
- 4D4010
≈ Roman Bronze
Analogowa -30° +30°
- 353E64
Bay of Many
- 1D4461
≈ Sir Edmund
- 48385E
≈ Mulberry Purple
Triada +120° +240°
- 353E64
Bay of Many
- 5F332A
≈ Redwood
- 224B2F
≈ Order Green
Komplementarna rozszczepiona +150° +210°
- 353E64
Bay of Many
- 593818
≈ Chocolate Fantasies
- 3A461C
≈ Avocado Dark Green
Tetrada +90° +180° +270°
- 353E64
Bay of Many
- 5E313E
≈ Windsor Wine
- 4D4010
≈ Roman Bronze
- 014C44
≈ Aqua Deep
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.37:1 · APCA Lc 94
Ag
FailNa czerni
WCAG 2.02:1 · APCA Lc 9
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.37:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmenty kodu
CSS
:root {
--bay-of-many: #353e64;
--bay-of-many-rgb: 53 62 100;
--bay-of-many-oklch: oklch(0.374 0.066 272.7);
}
.element {
color: var(--bay-of-many);
background-color: hsl(229 31% 30%);
border-color: oklch(0.374 0.066 272.7);
}Tailwind CSS v4
@theme {
--color-bay-of-many: #353e64;
--color-bay-of-many-50: #eff4ff;
--color-bay-of-many-100: #e1e7ff;
--color-bay-of-many-200: #cbd3f1;
--color-bay-of-many-300: #adb5da;
--color-bay-of-many-400: #919cc6;
--color-bay-of-many-500: #7784b3;
--color-bay-of-many-600: #656f97;
--color-bay-of-many-700: #515979;
--color-bay-of-many-800: #3a415a;
--color-bay-of-many-900: #272d3f;
--color-bay-of-many-950: #161a28;
}SCSS
$bay-of-many: #353e64;
$bay-of-many-rgb: 53, 62, 100;
$bay-of-many-light: mix(#fff, $bay-of-many, 20%);
$bay-of-many-dark: mix(#000, $bay-of-many, 20%);
.element {
color: $bay-of-many;
box-shadow: 0 0 0 2px rgba($bay-of-many, 0.35);
}