Benannte Farbe · #A6C9E3
Template
Template ist #A6C9E3: rgb(166 201 227), hsl(206 52% 77%), oklch(0.819 0.052 240.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Template color name →
#A6C9E3
oklch(0.819 0.052 240.4)
Farbumrechnungen
- HEX
- #a6c9e3
- RGB
- rgb(166 201 227)
- HSL
- hsl(206 52% 77%)
- HWB
- hwb(206 65% 11%)
- OKLCH
- oklch(0.819 0.052 240.4)
- OKLab
- oklab(0.819 -0.026 -0.046)
- CIE Lab
- lab(79.05 -7.7 -17.02)
- LCH
- lch(79.05 18.68 245.7)
- CMYK
- cmyk(27% 11% 0% 11%)
Tints · Shades · Tones
Tints
- AFCEE6
- B8D4E9
- C1D9EC
- C9DFEE
- D2E4F1
- DBE9F4
- E4EFF7
- EDF4FA
- F6FAFC
Shades
- 90AEC5
- 7A95A8
- 657C8C
- 516471
- 3E4C57
- 2B363F
- 1A2227
- 0A0F12
- 010203
Tones
- A2C1D9
- 9FBACF
- 9BB3C4
- 97ABBA
- 93A4B0
- 8F9DA7
- 8C959D
- 888E93
- 84878A
Farbharmonien
Komplementär +180°
- A6C9E3
Template
- DEBDA2
≈ Brown-Bag It
Analog -30° +30°
- A6C9E3
Template
- 9DCED7
≈ Sea Dew
- B7C3E7
≈ Canterbury Bells
Triadisch +120° +240°
- A6C9E3
Template
- E2B6C2
≈ Melanie
- BFC9A4
≈ Pale Leaf
Geteilt komplementär +150° +210°
- A6C9E3
Template
- E4B8B0
≈ Gracious Rose
- D1C39E
≈ Dakota Trail
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.73:1 · APCA Lc 32
Ag
AAAAuf Schwarz
WCAG 12.08:1 · APCA Lc 71
Beste Textfarbe: #000000
WCAG 12.08:1 (AAA) · APCA Lc 71
Contrast pairs
Code-Snippets
CSS
:root {
--template: #a6c9e3;
--template-rgb: 166 201 227;
--template-oklch: oklch(0.819 0.052 240.4);
}
.element {
color: var(--template);
background-color: hsl(206 52% 77%);
border-color: oklch(0.819 0.052 240.4);
}Tailwind CSS v4
@theme {
--color-template: #a6c9e3;
--color-template-50: #e9f7ff;
--color-template-100: #d9eaf8;
--color-template-200: #c2d8e9;
--color-template-300: #a1bbd1;
--color-template-400: #83a3bb;
--color-template-500: #668ba6;
--color-template-600: #57768c;
--color-template-700: #455e70;
--color-template-800: #314553;
--color-template-900: #21303a;
--color-template-950: #111c24;
}SCSS
$template: #a6c9e3;
$template-rgb: 166, 201, 227;
$template-light: mix(#fff, $template, 20%);
$template-dark: mix(#000, $template, 20%);
.element {
color: $template;
box-shadow: 0 0 0 2px rgba($template, 0.35);
}