Benannte Farbe · #93CCE7
Thresher Shark
Thresher Shark ist #93CCE7: rgb(147 204 231), hsl(199 64% 74%), oklch(0.815 0.07 229). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Thresher Shark color name →
#93CCE7
oklch(0.815 0.07 229)
Farbumrechnungen
- HEX
- #93cce7
- RGB
- rgb(147 204 231)
- HSL
- hsl(199 64% 74%)
- HWB
- hwb(199 58% 9%)
- OKLCH
- oklch(0.815 0.07 229)
- OKLab
- oklab(0.815 -0.046 -0.053)
- CIE Lab
- lab(78.82 -14.09 -19.63)
- LCH
- lch(78.82 24.16 234.3)
- CMYK
- cmyk(36% 12% 0% 9%)
Tints · Shades · Tones
Tints
- 9ED1EA
- A9D6EC
- B4DBEF
- BFE1F1
- CAE6F3
- D4EBF6
- DFF0F8
- EAF5FA
- F4FAFD
Shades
- 7FB1C9
- 6C97AB
- 597E8F
- 476573
- 364E59
- 253740
- 162228
- 080F13
- 010203
Tones
- 92C4DC
- 90BCD2
- 8FB5C7
- 8DADBD
- 8BA5B2
- 899EA8
- 87969E
- 858F94
- 82878A
Farbharmonien
Komplementär +180°
- 93CCE7
Thresher Shark
- E9B69B
≈ Creole Cottage
Analog -30° +30°
- 93CCE7
Thresher Shark
- 8BD1D4
≈ Fling Green
- A8C4F0
≈ Sky High
Triadisch +120° +240°
- 93CCE7
Thresher Shark
- E6B1CA
≈ Muddy Mauve
- C6C792
≈ Yerba Mate
Geteilt komplementär +150° +210°
- 93CCE7
Thresher Shark
- EDB1B1
≈ Deeply Embarrassed
- DBBE8F
≈ Expedition Khaki
Tetradisch +90° +180° +270°
- 93CCE7
Thresher Shark
- D7B5E0
≈ Pretty Petunia
- E9B69B
≈ Creole Cottage
- ACCEA3
≈ Garden Room
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.74:1 · APCA Lc 32
Ag
AAAAuf Schwarz
WCAG 12.03:1 · APCA Lc 71
Beste Textfarbe: #000000
WCAG 12.03:1 (AAA) · APCA Lc 71
Contrast pairs
Code-Snippets
CSS
:root {
--thresher-shark: #93cce7;
--thresher-shark-rgb: 147 204 231;
--thresher-shark-oklch: oklch(0.815 0.07 229);
}
.element {
color: var(--thresher-shark);
background-color: hsl(199 64% 74%);
border-color: oklch(0.815 0.07 229);
}Tailwind CSS v4
@theme {
--color-thresher-shark: #93cce7;
--color-thresher-shark-50: #e2f9ff;
--color-thresher-shark-100: #d1edfb;
--color-thresher-shark-200: #b7daed;
--color-thresher-shark-300: #93bfd5;
--color-thresher-shark-400: #72a7c0;
--color-thresher-shark-500: #518fab;
--color-thresher-shark-600: #457991;
--color-thresher-shark-700: #376174;
--color-thresher-shark-800: #264755;
--color-thresher-shark-900: #1a313b;
--color-thresher-shark-950: #0a1d25;
}SCSS
$thresher-shark: #93cce7;
$thresher-shark-rgb: 147, 204, 231;
$thresher-shark-light: mix(#fff, $thresher-shark, 20%);
$thresher-shark-dark: mix(#000, $thresher-shark, 20%);
.element {
color: $thresher-shark;
box-shadow: 0 0 0 2px rgba($thresher-shark, 0.35);
}