Colore con nome più vicino · #467286
#467286
Colore con nome più vicino: Calypso
#467286 (rgb(70 114 134), hsl(199 31% 40%), oklch(0.528 0.058 228.7)) è più vicino al colore con nome Calypso. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#467286
oklch(0.528 0.058 228.7)
Conversioni di colore
- HEX
- #467286
- RGB
- rgb(70 114 134)
- HSL
- hsl(199 31% 40%)
- HWB
- hwb(199 27% 47%)
- OKLCH
- oklch(0.528 0.058 228.7)
- OKLab
- oklab(0.528 -0.038 -0.043)
- CIE Lab
- lab(45.46 -11.43 -16.07)
- LCH
- lch(45.46 19.72 234.6)
- CMYK
- cmyk(48% 15% 0% 47%)
Tinte · Ombre · Toni
Tinte
- 587F92
- 6A8D9D
- 7C9BA9
- 8EA8B5
- A0B6C1
- B3C5CD
- C5D3DA
- D8E1E6
- ECF0F2
Ombre
- 3C6274
- 325362
- 284451
- 1E3640
- 152830
- 0D1B21
- 050E13
- 020406
- 000101
Toni
- 4D7486
- 537585
- 597684
- 5F7884
- 657983
- 6A7B83
- 707C82
- 757D81
- 7B7F81
Armonie di colore
Complementare +180°
- 467286
Calypso
- 87614E
≈ How Now
Analogo -30° +30°
- 467286
Calypso
- 3F7678
≈ Ming
- 576C8D
≈ Kashmir Blue
Triadico +120° +240°
- 467286
Calypso
- 855E71
≈ Majestic Plum
- 6E6E46
≈ Capulet Olive
Complementare divisa +150° +210°
- 467286
Calypso
- 8A5E5E
≈ Antique Garnet
- 7E6744
≈ Seasoned Acorn
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.23:1 · APCA Lc 76
Ag
FailSu nero
WCAG 4.01:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--calypso: #467286;
--calypso-rgb: 70 114 134;
--calypso-oklch: oklch(0.528 0.058 228.7);
}
.element {
color: var(--calypso);
background-color: hsl(199 31% 40%);
border-color: oklch(0.528 0.058 228.7);
}Tailwind CSS v4
@theme {
--color-calypso: #467286;
--color-calypso-50: #e5f9ff;
--color-calypso-100: #d5ecf8;
--color-calypso-200: #bcd9e9;
--color-calypso-300: #9abdd0;
--color-calypso-400: #7ba6ba;
--color-calypso-500: #5c8ea5;
--color-calypso-600: #4f788b;
--color-calypso-700: #3f6070;
--color-calypso-800: #2c4752;
--color-calypso-900: #1e3139;
--color-calypso-950: #0d1d23;
}SCSS
$calypso: #467286;
$calypso-rgb: 70, 114, 134;
$calypso-light: mix(#fff, $calypso, 20%);
$calypso-dark: mix(#000, $calypso, 20%);
.element {
color: $calypso;
box-shadow: 0 0 0 2px rgba($calypso, 0.35);
}