Benannte Farbe · #9BC2D7
Angel Sol
Angel Sol ist #9BC2D7: rgb(155 194 215), hsl(201 43% 73%), oklch(0.793 0.051 231.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Angel Sol color name →
#9BC2D7
oklch(0.793 0.051 231.7)
Farbumrechnungen
- HEX
- #9bc2d7
- RGB
- rgb(155 194 215)
- HSL
- hsl(201 43% 73%)
- HWB
- hwb(201 61% 16%)
- OKLCH
- oklch(0.793 0.051 231.7)
- OKLab
- oklab(0.793 -0.032 -0.04)
- CIE Lab
- lab(76.12 -9.85 -15.05)
- LCH
- lch(76.12 17.98 236.8)
- CMYK
- cmyk(28% 10% 0% 16%)
Tints · Shades · Tones
Tints
- A5C8DB
- AFCEDF
- B9D4E3
- C3DAE7
- CDE0EB
- D7E6EF
- E1EDF3
- EBF3F7
- F5F9FB
Shades
- 86A8BB
- 728F9F
- 5E7785
- 4B606B
- 394952
- 28343B
- 182025
- 090E11
- 010202
Tones
- 99BBCE
- 96B5C5
- 93AEBC
- 91A7B3
- 8EA1AB
- 8B9AA2
- 899399
- 868D91
- 838688
Farbharmonien
Komplementär +180°
- 9BC2D7
Angel Sol
- D7B39E
≈ Spanish Villa
Analog -30° +30°
- 9BC2D7
Angel Sol
- 95C6C9
≈ Continental Waters
- AABCDD
≈ September Aster
Triadisch +120° +240°
- 9BC2D7
Angel Sol
- D7AFBF
≈ Kindness
- BCBF9A
≈ Animal Kingdom
Geteilt komplementär +150° +210°
- 9BC2D7
Angel Sol
- DBAFAD
≈ Pale Chestnut
- CCB997
≈ Real Simple
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.89:1 · APCA Lc 36
Ag
AAAAuf Schwarz
WCAG 11.09:1 · APCA Lc 67
Beste Textfarbe: #000000
WCAG 11.09:1 (AAA) · APCA Lc 67
Contrast pairs
Code-Snippets
CSS
:root {
--angel-sol: #9bc2d7;
--angel-sol-rgb: 155 194 215;
--angel-sol-oklch: oklch(0.793 0.051 231.7);
}
.element {
color: var(--angel-sol);
background-color: hsl(201 43% 73%);
border-color: oklch(0.793 0.051 231.7);
}Tailwind CSS v4
@theme {
--color-angel-sol: #9bc2d7;
--color-angel-sol-50: #e8f8ff;
--color-angel-sol-100: #d8ebf7;
--color-angel-sol-200: #c0d8e7;
--color-angel-sol-300: #9fbcce;
--color-angel-sol-400: #80a4b8;
--color-angel-sol-500: #638da2;
--color-angel-sol-600: #547789;
--color-angel-sol-700: #435f6e;
--color-angel-sol-800: #304651;
--color-angel-sol-900: #203038;
--color-angel-sol-950: #101d23;
}SCSS
$angel-sol: #9bc2d7;
$angel-sol-rgb: 155, 194, 215;
$angel-sol-light: mix(#fff, $angel-sol, 20%);
$angel-sol-dark: mix(#000, $angel-sol, 20%);
.element {
color: $angel-sol;
box-shadow: 0 0 0 2px rgba($angel-sol, 0.35);
}