Colore con nome più vicino · #447E95
#447E95
Colore con nome più vicino: Pacific Pleasure
#447E95 (rgb(68 126 149), hsl(197 37% 43%), oklch(0.563 0.07 226)) è più vicino al colore con nome Pacific Pleasure. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#447E95
oklch(0.563 0.07 226)
Conversioni di colore
- HEX
- #447e95
- RGB
- rgb(68 126 149)
- HSL
- hsl(197 37% 43%)
- HWB
- hwb(197 27% 42%)
- OKLCH
- oklch(0.563 0.07 226)
- OKLab
- oklab(0.563 -0.049 -0.051)
- CIE Lab
- lab(49.57 -14.61 -18.65)
- LCH
- lch(49.57 23.69 231.9)
- CMYK
- cmyk(54% 15% 0% 42%)
Tinte · Ombre · Toni
Tinte
- 578A9F
- 6A97AA
- 7CA3B4
- 8FB0BF
- A1BDC9
- B3CAD4
- C6D7DF
- D9E4E9
- ECF2F4
Ombre
- 3A6D81
- 305C6D
- 264C5A
- 1D3C48
- 142D37
- 0C1F26
- 051116
- 020508
- 000101
Toni
- 4B7E93
- 527F91
- 597F8F
- 5F7F8D
- 657F8B
- 6B8089
- 708087
- 768084
- 7B8082
Armonie di colore
Complementare +180°
- 447E95
Pacific Pleasure
- 986852
≈ Old Driftwood
Analogo -30° +30°
- 447E95
Pacific Pleasure
- 3C8283
≈ Pacific Sea Teal
- 5A779E
≈ Montreux Blue
Triadico +120° +240°
- 447E95
Pacific Pleasure
- 94657E
≈ Corundum Red
- 7B7846
≈ Tree Hugger
Complementare divisa +150° +210°
- 447E95
Pacific Pleasure
- 9A6467
≈ Copper Rose
- 8D7045
≈ Rokou Brown
Tetradico +90° +180° +270°
- 447E95
Pacific Pleasure
- 866991
≈ Poetry Mauve
- 986852
≈ Old Driftwood
- 637F55
≈ Garden Grove
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.50:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.66:1 · APCA Lc 31
Miglior colore del testo: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Frammenti di codice
CSS
:root {
--pacific-pleasure: #447e95;
--pacific-pleasure-rgb: 68 126 149;
--pacific-pleasure-oklch: oklch(0.563 0.07 226);
}
.element {
color: var(--pacific-pleasure);
background-color: hsl(197 37% 43%);
border-color: oklch(0.563 0.07 226);
}Tailwind CSS v4
@theme {
--color-pacific-pleasure: #447e95;
--color-pacific-pleasure-50: #e1faff;
--color-pacific-pleasure-100: #d1edfb;
--color-pacific-pleasure-200: #b6dbec;
--color-pacific-pleasure-300: #92bfd4;
--color-pacific-pleasure-400: #70a7be;
--color-pacific-pleasure-500: #4f90aa;
--color-pacific-pleasure-600: #437a8f;
--color-pacific-pleasure-700: #366173;
--color-pacific-pleasure-800: #254854;
--color-pacific-pleasure-900: #19323b;
--color-pacific-pleasure-950: #091e25;
}SCSS
$pacific-pleasure: #447e95;
$pacific-pleasure-rgb: 68, 126, 149;
$pacific-pleasure-light: mix(#fff, $pacific-pleasure, 20%);
$pacific-pleasure-dark: mix(#000, $pacific-pleasure, 20%);
.element {
color: $pacific-pleasure;
box-shadow: 0 0 0 2px rgba($pacific-pleasure, 0.35);
}