Colore con nome · #245056
Pāua Shell
Pāua Shell è #245056: rgb(36 80 86), hsl(187 41% 24%), oklch(0.403 0.049 207.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Pāua Shell color name →
#245056
oklch(0.403 0.049 207.2)
Conversioni di colore
- HEX
- #245056
- RGB
- rgb(36 80 86)
- HSL
- hsl(187 41% 24%)
- HWB
- hwb(187 14% 66%)
- OKLCH
- oklch(0.403 0.049 207.2)
- OKLab
- oklab(0.403 -0.044 -0.023)
- CIE Lab
- lab(31.13 -14.37 -8.46)
- LCH
- lch(31.13 16.67 210.5)
- CMYK
- cmyk(58% 7% 0% 66%)
Tinte · Ombre · Toni
Tinte
- 3A6065
- 4E7075
- 638185
- 789296
- 8EA4A7
- A4B5B8
- BAC7C9
- D1DADB
- E8ECED
Ombre
- 1E444A
- 18393E
- 122E32
- 0C2427
- 071A1C
- 041012
- 020708
- 000202
- 000000
Toni
- 2E555A
- 385A5E
- 425E62
- 4B6367
- 54686B
- 5D6D6F
- 657173
- 6E7677
- 777B7C
Armonie di colore
Complementare +180°
- 245056
Pāua Shell
- 603E3A
≈ Night Bloom
Analogo -30° +30°
- 245056
Pāua Shell
- 285148
≈ Hunt Club
- 2D4C60
≈ Deep Ocean
Triadico +120° +240°
- 245056
Pāua Shell
- 573F56
≈ Bella
- 544728
≈ Punga
Complementare divisa +150° +210°
- 245056
Pāua Shell
- 5E3D49
≈ Siliceous Red
- 5D422E
≈ Brown Hen
Tetradico +90° +180° +270°
- 245056
Pāua Shell
- 4B4360
≈ Royal Indigo
- 603E3A
≈ Night Bloom
- 464C2D
≈ Matsuba Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.91:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.35:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 8.91:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--paua-shell: #245056;
--paua-shell-rgb: 36 80 86;
--paua-shell-oklch: oklch(0.403 0.049 207.2);
}
.element {
color: var(--paua-shell);
background-color: hsl(187 41% 24%);
border-color: oklch(0.403 0.049 207.2);
}Tailwind CSS v4
@theme {
--color-paua-shell: #245056;
--color-paua-shell-50: #e6f9fd;
--color-paua-shell-100: #d6edf1;
--color-paua-shell-200: #bddbe0;
--color-paua-shell-300: #9bbfc5;
--color-paua-shell-400: #7ca7ad;
--color-paua-shell-500: #5e9097;
--color-paua-shell-600: #507a80;
--color-paua-shell-700: #406166;
--color-paua-shell-800: #2d474b;
--color-paua-shell-900: #1f3234;
--color-paua-shell-950: #0e1d1f;
}SCSS
$paua-shell: #245056;
$paua-shell-rgb: 36, 80, 86;
$paua-shell-light: mix(#fff, $paua-shell, 20%);
$paua-shell-dark: mix(#000, $paua-shell, 20%);
.element {
color: $paua-shell;
box-shadow: 0 0 0 2px rgba($paua-shell, 0.35);
}