Benannte Farbe · #99AEBB
Foggy Blue
Foggy Blue ist #99AEBB: rgb(153 174 187), hsl(203 20% 67%), oklch(0.739 0.03 235). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Foggy Blue color name →
#99AEBB
oklch(0.739 0.03 235)
Farbumrechnungen
- HEX
- #99aebb
- RGB
- rgb(153 174 187)
- HSL
- hsl(203 20% 67%)
- HWB
- hwb(203 60% 27%)
- OKLCH
- oklch(0.739 0.03 235)
- OKLab
- oklab(0.739 -0.017 -0.025)
- CIE Lab
- lab(69.78 -5.44 -9.26)
- LCH
- lch(69.78 10.74 239.6)
- CMYK
- cmyk(18% 7% 0% 27%)
Tints · Shades · Tones
Tints
- A3B6C2
- ADBEC8
- B7C6CF
- C1CED6
- CBD6DD
- D5DEE3
- E0E6EA
- EAEEF1
- F4F7F8
Shades
- 8497A2
- 70808A
- 5D6A73
- 4A555C
- 384146
- 272E32
- 171C1F
- 080B0D
- 010102
Tones
- 97A9B5
- 94A5AF
- 92A0A9
- 8F9BA3
- 8D979D
- 8A9297
- 888E91
- 85898C
- 838586
Farbharmonien
Komplementär +180°
- 99AEBB
Foggy Blue
- BAA699
≈ Frontier Land
Analog -30° +30°
- 99AEBB
Foggy Blue
- 95B0B3
≈ Bulfinch Blue
- A1ABBE
≈ Lilac Time
Triadisch +120° +240°
- 99AEBB
Foggy Blue
- BBA3AB
≈ Magical Mauve
- A9AD98
≈ Desert Pear
Geteilt komplementär +150° +210°
- 99AEBB
Foggy Blue
- BDA4A1
≈ Florida Grey
- B3A996
≈ Raffia Greige
Tetradisch +90° +180° +270°
- 99AEBB
Foggy Blue
- B5A4B5
≈ Bellflower Violet
- BAA699
≈ Frontier Land
- 9FB09F
≈ Drizzle
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.30:1 · APCA Lc 45
Ag
AAAAuf Schwarz
WCAG 9.12:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.12:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--foggy-blue: #99aebb;
--foggy-blue-rgb: 153 174 187;
--foggy-blue-oklch: oklch(0.739 0.03 235);
}
.element {
color: var(--foggy-blue);
background-color: hsl(203 20% 67%);
border-color: oklch(0.739 0.03 235);
}Tailwind CSS v4
@theme {
--color-foggy-blue: #99aebb;
--color-foggy-blue-50: #eef7fd;
--color-foggy-blue-100: #dfeaf1;
--color-foggy-blue-200: #c9d6e0;
--color-foggy-blue-300: #aabac5;
--color-foggy-blue-400: #8ea2ae;
--color-foggy-blue-500: #738a98;
--color-foggy-blue-600: #627580;
--color-foggy-blue-700: #4e5d67;
--color-foggy-blue-800: #38444b;
--color-foggy-blue-900: #272f34;
--color-foggy-blue-950: #151c20;
}SCSS
$foggy-blue: #99aebb;
$foggy-blue-rgb: 153, 174, 187;
$foggy-blue-light: mix(#fff, $foggy-blue, 20%);
$foggy-blue-dark: mix(#000, $foggy-blue, 20%);
.element {
color: $foggy-blue;
box-shadow: 0 0 0 2px rgba($foggy-blue, 0.35);
}