Benannte Farbe · #73C9D9
Betsy
Betsy ist #73C9D9: rgb(115 201 217), hsl(189 57% 65%), oklch(0.788 0.086 210.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Betsy color name →
#73C9D9
oklch(0.788 0.086 210.9)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 83CFDD
- 92D4E1
- A0D9E5
- AEDFE8
- BCE4EC
- CAEAF0
- D7EFF4
- E5F4F8
- F2FAFB
Shades
- 63AEBC
- 5495A1
- 457C86
- 36646C
- 284C53
- 1B363B
- 0F2225
- 050F11
- 010202
Tones
- 76C2D0
- 79BAC7
- 7BB3BE
- 7DABB5
- 7EA4AC
- 7F9DA3
- 80969A
- 808E91
- 808789
Farbharmonien
Komplementär +180°
- 73C9D9
Betsy
- ECA598
≈ Peach Tile
Analog -30° +30°
- 73C9D9
Betsy
- 77CCBD
≈ Jolly Jade
- 87C1EC
≈ Wasurenagusa Blue
Triadisch +120° +240°
- 73C9D9
Betsy
- DAA6D3
≈ Tiara Pink
- CEB879
≈ Autumn Wandering
Geteilt komplementär +150° +210°
- 73C9D9
Betsy
- E9A3B6
≈ Fussy Pink
- E3AD81
≈ Manhattan
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.89:1 · APCA Lc 36
Ag
AAAAuf Schwarz
WCAG 11.08:1 · APCA Lc 67
Beste Textfarbe: #000000
WCAG 11.08:1 (AAA) · APCA Lc 67
Contrast pairs
Code-Snippets
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);
}