Colore con nome · #72ACAD
Poolrooms
Poolrooms è #72ACAD: rgb(114 172 173), hsl(181 26% 56%), oklch(0.705 0.06 197.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Poolrooms color name →
#72ACAD
oklch(0.705 0.06 197.2)
Conversioni di colore
- HEX
- #72acad
- RGB
- rgb(114 172 173)
- HSL
- hsl(181 26% 56%)
- HWB
- hwb(181 45% 32%)
- OKLCH
- oklch(0.705 0.06 197.2)
- OKLab
- oklab(0.705 -0.058 -0.018)
- CIE Lab
- lab(66.41 -19.42 -6.87)
- LCH
- lch(66.41 20.6 199.5)
- CMYK
- cmyk(34% 1% 0% 32%)
Tinte · Ombre · Toni
Tinte
- 80B4B5
- 8FBCBD
- 9DC5C5
- ABCDCD
- B9D5D5
- C7DDDE
- D5E6E6
- E3EEEE
- F1F7F7
Ombre
- 629596
- 537F7F
- 44696A
- 365455
- 284041
- 1B2D2D
- 0E1B1B
- 040B0B
- 010101
Toni
- 74A8A8
- 76A3A4
- 789F9F
- 7A9A9B
- 7B9696
- 7C9292
- 7E8D8D
- 7E8989
- 7F8484
Armonie di colore
Complementare +180°
- 72ACAD
Poolrooms
- C39192
≈ Floral Tapestry
Analogo -30° +30°
- 72ACAD
Poolrooms
- 7BAC98
≈ Catnip
- 78A8BE
≈ Moonstone Blue
Triadico +120° +240°
- 72ACAD
Poolrooms
- B095B9
≈ Lavender Earl
- B59C76
≈ King’s Ransom
Complementare divisa +150° +210°
- 72ACAD
Poolrooms
- BD91A7
≈ Bed of Roses
- C09580
≈ Faded Redwood
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.55:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.21:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.21:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
CSS
:root {
--poolrooms: #72acad;
--poolrooms-rgb: 114 172 173;
--poolrooms-oklch: oklch(0.705 0.06 197.2);
}
.element {
color: var(--poolrooms);
background-color: hsl(181 26% 56%);
border-color: oklch(0.705 0.06 197.2);
}Tailwind CSS v4
@theme {
--color-poolrooms: #72acad;
--color-poolrooms-50: #e2fbfc;
--color-poolrooms-100: #d2eeef;
--color-poolrooms-200: #b7ddde;
--color-poolrooms-300: #94c1c3;
--color-poolrooms-400: #73aaab;
--color-poolrooms-500: #529394;
--color-poolrooms-600: #467c7d;
--color-poolrooms-700: #386364;
--color-poolrooms-800: #284949;
--color-poolrooms-900: #1b3333;
--color-poolrooms-950: #0b1e1e;
}SCSS
$poolrooms: #72acad;
$poolrooms-rgb: 114, 172, 173;
$poolrooms-light: mix(#fff, $poolrooms, 20%);
$poolrooms-dark: mix(#000, $poolrooms, 20%);
.element {
color: $poolrooms;
box-shadow: 0 0 0 2px rgba($poolrooms, 0.35);
}