Colore con nome · #73C9D9
Betsy
Betsy è #73C9D9: rgb(115 201 217), hsl(189 57% 65%), oklch(0.788 0.086 210.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Betsy color name →
#73C9D9
oklch(0.788 0.086 210.9)
Conversioni di colore
- HEX
- #73c9d9
- RGB
- rgb(115 201 217)
- HSL
- hsl(189 57% 65%)
- HWB
- hwb(189 45% 15%)
- OKLCH
- oklch(0.788 0.086 210.9)
- OKLab
- oklab(0.788 -0.074 -0.044)
- CIE Lab
- lab(76 -23.98 -16.57)
- LCH
- lch(76 29.15 214.6)
- CMYK
- cmyk(47% 7% 0% 15%)
Tinte · Ombre · Toni
Tinte
- 83CFDD
- 92D4E1
- A0D9E5
- AEDFE8
- BCE4EC
- CAEAF0
- D7EFF4
- E5F4F8
- F2FAFB
Ombre
- 63AEBC
- 5495A1
- 457C86
- 36646C
- 284C53
- 1B363B
- 0F2225
- 050F11
- 010202
Toni
- 76C2D0
- 79BAC7
- 7BB3BE
- 7DABB5
- 7EA4AC
- 7F9DA3
- 80969A
- 808E91
- 808789
Armonie di colore
Complementare +180°
- 73C9D9
Betsy
- ECA598
≈ Peach Tile
Analogo -30° +30°
- 73C9D9
Betsy
- 77CCBD
≈ Jolly Jade
- 87C1EC
≈ Wasurenagusa Blue
Triadico +120° +240°
- 73C9D9
Betsy
- DAA6D3
≈ Tiara Pink
- CEB879
≈ Autumn Wandering
Complementare divisa +150° +210°
- 73C9D9
Betsy
- E9A3B6
≈ Fussy Pink
- E3AD81
≈ Manhattan
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.89:1 · APCA Lc 36
Ag
AAASu nero
WCAG 11.08:1 · APCA Lc 67
Miglior colore del testo: #000000
WCAG 11.08:1 (AAA) · APCA Lc 67
Contrast pairs
Frammenti di codice
CSS
:root {
--betsy: #73c9d9;
--betsy-rgb: 115 201 217;
--betsy-oklch: oklch(0.788 0.086 210.9);
}
.element {
color: var(--betsy);
background-color: hsl(189 57% 65%);
border-color: oklch(0.788 0.086 210.9);
}Tailwind CSS v4
@theme {
--color-betsy: #73c9d9;
--color-betsy-50: #dafcff;
--color-betsy-100: #c8f0f9;
--color-betsy-200: #aadfea;
--color-betsy-300: #83c3d2;
--color-betsy-400: #5cacbb;
--color-betsy-500: #2d95a6;
--color-betsy-600: #297e8d;
--color-betsy-700: #216571;
--color-betsy-800: #154a52;
--color-betsy-900: #0e3439;
--color-betsy-950: #011f24;
}SCSS
$betsy: #73c9d9;
$betsy-rgb: 115, 201, 217;
$betsy-light: mix(#fff, $betsy, 20%);
$betsy-dark: mix(#000, $betsy, 20%);
.element {
color: $betsy;
box-shadow: 0 0 0 2px rgba($betsy, 0.35);
}