Colore con nome · #629191
Pauley
Pauley è #629191: rgb(98 145 145), hsl(180 19% 48%), oklch(0.623 0.051 195.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Pauley color name →
#629191
oklch(0.623 0.051 195.9)
Conversioni di colore
- HEX
- #629191
- RGB
- rgb(98 145 145)
- HSL
- hsl(180 19% 48%)
- HWB
- hwb(180 38% 43%)
- OKLCH
- oklch(0.623 0.051 195.9)
- OKLab
- oklab(0.623 -0.049 -0.014)
- CIE Lab
- lab(56.81 -16.5 -5.37)
- LCH
- lch(56.81 17.35 198)
- CMYK
- cmyk(32% 0% 0% 43%)
Tinte · Ombre · Toni
Tinte
- 729C9B
- 81A6A6
- 90B1B1
- A0BCBC
- AFC7C7
- BFD2D2
- CFDDDD
- DFE8E8
- EFF4F4
Ombre
- 547D7D
- 476A6A
- 3A5858
- 2D4646
- 213535
- 162525
- 0B1515
- 030707
- 000101
Toni
- 668F8F
- 698E8E
- 6C8C8C
- 708A8A
- 738988
- 758787
- 788585
- 7B8483
- 7E8282
Armonie di colore
Complementare +180°
- 629191
Pauley
- A47B7D
≈ Cherry Mocha
Analogo -30° +30°
- 629191
Pauley
- 6A9180
≈ Grandview
- 668E9F
≈ Leisure Blue
Triadico +120° +240°
- 629191
Pauley
- 937E9C
≈ Wildflower
- 998365
≈ Antique Royal Gold
Complementare divisa +150° +210°
- 629191
Pauley
- 9E7B8E
≈ Dusky Orchid
- A27E6E
≈ Tattered Teddy
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.51:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.97:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 5.97:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--pauley: #629191;
--pauley-rgb: 98 145 145;
--pauley-oklch: oklch(0.623 0.051 195.9);
}
.element {
color: var(--pauley);
background-color: hsl(180 19% 48%);
border-color: oklch(0.623 0.051 195.9);
}Tailwind CSS v4
@theme {
--color-pauley: #629191;
--color-pauley-50: #e5fafa;
--color-pauley-100: #d5edee;
--color-pauley-200: #bcdbdc;
--color-pauley-300: #9ac0c1;
--color-pauley-400: #7ba8a8;
--color-pauley-500: #5d9191;
--color-pauley-600: #4f7b7b;
--color-pauley-700: #3f6262;
--color-pauley-800: #2d4847;
--color-pauley-900: #1e3231;
--color-pauley-950: #0e1e1d;
}SCSS
$pauley: #629191;
$pauley-rgb: 98, 145, 145;
$pauley-light: mix(#fff, $pauley, 20%);
$pauley-dark: mix(#000, $pauley, 20%);
.element {
color: $pauley;
box-shadow: 0 0 0 2px rgba($pauley, 0.35);
}