Colore con nome · #435D8B
Anchor Point
Anchor Point è #435D8B: rgb(67 93 139), hsl(218 35% 40%), oklch(0.479 0.081 261.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Anchor Point color name →
#435D8B
oklch(0.479 0.081 261.3)
Conversioni di colore
- HEX
- #435d8b
- RGB
- rgb(67 93 139)
- HSL
- hsl(218 35% 40%)
- HWB
- hwb(218 26% 45%)
- OKLCH
- oklch(0.479 0.081 261.3)
- OKLab
- oklab(0.479 -0.012 -0.08)
- CIE Lab
- lab(39 0.59 -28.98)
- LCH
- lch(39 28.99 271.2)
- CMYK
- cmyk(52% 33% 0% 45%)
Tinte · Ombre · Toni
Tinte
- 546C97
- 667CA2
- 788BAE
- 8A9BB9
- 9DABC5
- B0BCD0
- C3CCDC
- D7DDE8
- EBEEF3
Ombre
- 395078
- 2F4366
- 263754
- 1D2A43
- 141F32
- 0C1423
- 050A14
- 010307
- 000001
Toni
- 49618A
- 4F6489
- 556889
- 5B6C88
- 616F87
- 677285
- 6E7684
- 747983
- 7A7D82
Armonie di colore
Complementare +180°
- 435D8B
Anchor Point
- 745820
≈ Coffee Adept
Analogo -30° +30°
- 435D8B
Anchor Point
- 226583
≈ Georgian Bay
- 5E5587
≈ Wool Violet
Triadico +120° +240°
- 435D8B
Anchor Point
- 854A49
≈ Red Maple Leaf
- 42693D
≈ Arcala Green
Complementare divisa +150° +210°
- 435D8B
Anchor Point
- 814F30
≈ Korma
- 5F6126
≈ Gardener Green
Tetradico +90° +180° +270°
- 435D8B
Anchor Point
- 804963
≈ Princely
- 745820
≈ Coffee Adept
- 1F6C57
≈ Sparkling Emerald
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.60:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.17:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.60:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--anchor-point: #435d8b;
--anchor-point-rgb: 67 93 139;
--anchor-point-oklch: oklch(0.479 0.081 261.3);
}
.element {
color: var(--anchor-point);
background-color: hsl(218 35% 40%);
border-color: oklch(0.479 0.081 261.3);
}Tailwind CSS v4
@theme {
--color-anchor-point: #435d8b;
--color-anchor-point-50: #e9f6ff;
--color-anchor-point-100: #dae8ff;
--color-anchor-point-200: #c2d5f8;
--color-anchor-point-300: #a2b8e2;
--color-anchor-point-400: #849fcf;
--color-anchor-point-500: #6886bc;
--color-anchor-point-600: #58729f;
--color-anchor-point-700: #465b80;
--color-anchor-point-800: #31435e;
--color-anchor-point-900: #212e42;
--color-anchor-point-950: #111b2b;
}SCSS
$anchor-point: #435d8b;
$anchor-point-rgb: 67, 93, 139;
$anchor-point-light: mix(#fff, $anchor-point, 20%);
$anchor-point-dark: mix(#000, $anchor-point, 20%);
.element {
color: $anchor-point;
box-shadow: 0 0 0 2px rgba($anchor-point, 0.35);
}