Colore con nome più vicino · #52A8AB
#52A8AB
Colore con nome più vicino: Twilight Meadow
#52A8AB (rgb(82 168 171), hsl(182 35% 50%), oklch(0.68 0.083 198.4)) è più vicino al colore con nome Twilight Meadow. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#52A8AB
oklch(0.68 0.083 198.4)
Conversioni di colore
- HEX
- #52a8ab
- RGB
- rgb(82 168 171)
- HSL
- hsl(182 35% 50%)
- HWB
- hwb(182 32% 33%)
- OKLCH
- oklch(0.68 0.083 198.4)
- OKLab
- oklab(0.68 -0.079 -0.026)
- CIE Lab
- lab(63.69 -26.42 -9.96)
- LCH
- lch(63.69 28.23 200.7)
- CMYK
- cmyk(52% 2% 0% 33%)
Tinte · Ombre · Toni
Tinte
- 66B1B3
- 78B9BB
- 8AC2C4
- 9BCBCC
- ACD3D4
- BDDCDD
- CDE5E5
- DEEDEE
- EEF6F6
Ombre
- 469294
- 3B7C7E
- 2F6768
- 255254
- 1A3F40
- 112C2D
- 081A1B
- 020A0B
- 000101
Toni
- 59A4A7
- 60A0A2
- 659C9E
- 6A989A
- 6F9495
- 739091
- 778C8D
- 7A8888
- 7D8484
Armonie di colore
Complementare +180°
- 52A8AB
Twilight Meadow
- C68384
≈ Prancer
Analogo -30° +30°
- 52A8AB
Twilight Meadow
- 61A98F
≈ Artemesia Green
- 5DA2C1
≈ Surgical
Triadico +120° +240°
- 52A8AB
Twilight Meadow
- AE88B9
≈ African Violet
- B4925C
≈ Barley Corn
Complementare divisa +150° +210°
- 52A8AB
Twilight Meadow
- BF83A1
≈ Opera Mauve
- C3896B
≈ Tiny Fawn
Tetradico +90° +180° +270°
- 52A8AB
Twilight Meadow
- 9690C9
≈ Hermosa
- C68384
≈ Prancer
- 9C9C5F
≈ Stem
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.78:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.54:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.54:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--twilight-meadow: #52a8ab;
--twilight-meadow-rgb: 82 168 171;
--twilight-meadow-oklch: oklch(0.68 0.083 198.4);
}
.element {
color: var(--twilight-meadow);
background-color: hsl(182 35% 50%);
border-color: oklch(0.68 0.083 198.4);
}Tailwind CSS v4
@theme {
--color-twilight-meadow: #52a8ab;
--color-twilight-meadow-50: #dbfdff;
--color-twilight-meadow-100: #c9f1f3;
--color-twilight-meadow-200: #abe0e2;
--color-twilight-meadow-300: #83c5c8;
--color-twilight-meadow-400: #5eaeb0;
--color-twilight-meadow-500: #31979a;
--color-twilight-meadow-600: #2c8082;
--color-twilight-meadow-700: #236668;
--color-twilight-meadow-800: #174b4c;
--color-twilight-meadow-900: #0f3435;
--color-twilight-meadow-950: #022020;
}SCSS
$twilight-meadow: #52a8ab;
$twilight-meadow-rgb: 82, 168, 171;
$twilight-meadow-light: mix(#fff, $twilight-meadow, 20%);
$twilight-meadow-dark: mix(#000, $twilight-meadow, 20%);
.element {
color: $twilight-meadow;
box-shadow: 0 0 0 2px rgba($twilight-meadow, 0.35);
}