Benannte Farbe · #72A8D1
Chronus Blue
Chronus Blue ist #72A8D1: rgb(114 168 209), hsl(206 51% 63%), oklch(0.71 0.083 242.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Chronus Blue color name →
#72A8D1
oklch(0.71 0.083 242.1)
Farbumrechnungen
- HEX
- #72a8d1
- RGB
- rgb(114 168 209)
- HSL
- hsl(206 51% 63%)
- HWB
- hwb(206 45% 18%)
- OKLCH
- oklch(0.71 0.083 242.1)
- OKLab
- oklab(0.71 -0.039 -0.073)
- CIE Lab
- lab(66.27 -10.13 -26.9)
- LCH
- lch(66.27 28.75 249.4)
- CMYK
- cmyk(45% 20% 0% 18%)
Tints · Shades · Tones
Tints
- 80B1D6
- 8EB9DB
- 9CC2DF
- AACBE4
- B8D3E9
- C6DCED
- D5E5F2
- E3EDF6
- F1F6FB
Shades
- 6292B5
- 537C9B
- 446781
- 365268
- 283F50
- 1B2C39
- 0E1A23
- 040A10
- 010102
Tones
- 74A4C9
- 76A0C1
- 789CB8
- 7998B0
- 7B94A8
- 7C90A0
- 7D8C98
- 7E8890
- 7F8488
Farbharmonien
Komplementär +180°
- 72A8D1
Chronus Blue
- C7966B
≈ Santa Fe Sunrise
Analog -30° +30°
- 72A8D1
Chronus Blue
- 5EAFC0
≈ Finnish Fiord
- 8F9FD6
≈ Azureno
Triadisch +120° +240°
- 72A8D1
Chronus Blue
- CD8C9D
≈ Can Can
- 98AA6F
≈ Green Plaza
Geteilt komplementär +150° +210°
- 72A8D1
Chronus Blue
- D08E81
≈ Constant Coral
- B4A064
≈ Apple Wine
Tetradisch +90° +180° +270°
- 72A8D1
Chronus Blue
- C18EB8
≈ La la Love
- C7966B
≈ Santa Fe Sunrise
- 7AB188
≈ Green Bank
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.54:1 · APCA Lc 50
Ag
AAAAuf Schwarz
WCAG 8.23:1 · APCA Lc 52
Beste Textfarbe: #000000
WCAG 8.23:1 (AAA) · APCA Lc 52
Contrast pairs
Code-Snippets
CSS
:root {
--chronus-blue: #72a8d1;
--chronus-blue-rgb: 114 168 209;
--chronus-blue-oklch: oklch(0.71 0.083 242.1);
}
.element {
color: var(--chronus-blue);
background-color: hsl(206 51% 63%);
border-color: oklch(0.71 0.083 242.1);
}Tailwind CSS v4
@theme {
--color-chronus-blue: #72a8d1;
--color-chronus-blue-50: #e2f8ff;
--color-chronus-blue-100: #d1ecff;
--color-chronus-blue-200: #b7d9f6;
--color-chronus-blue-300: #94bddf;
--color-chronus-blue-400: #72a5cc;
--color-chronus-blue-500: #518db8;
--color-chronus-blue-600: #45779c;
--color-chronus-blue-700: #375f7d;
--color-chronus-blue-800: #26465c;
--color-chronus-blue-900: #193141;
--color-chronus-blue-950: #0a1d29;
}SCSS
$chronus-blue: #72a8d1;
$chronus-blue-rgb: 114, 168, 209;
$chronus-blue-light: mix(#fff, $chronus-blue, 20%);
$chronus-blue-dark: mix(#000, $chronus-blue, 20%);
.element {
color: $chronus-blue;
box-shadow: 0 0 0 2px rgba($chronus-blue, 0.35);
}