Benannte Farbe · #B5C7D2
Celestyn
Celestyn ist #B5C7D2: rgb(181 199 210), hsl(203 24% 77%), oklch(0.819 0.025 234.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Celestyn color name →
#B5C7D2
oklch(0.819 0.025 234.5)
Farbumrechnungen
- HEX
- #b5c7d2
- RGB
- rgb(181 199 210)
- HSL
- hsl(203 24% 77%)
- HWB
- hwb(203 71% 18%)
- OKLCH
- oklch(0.819 0.025 234.5)
- OKLab
- oklab(0.819 -0.015 -0.02)
- CIE Lab
- lab(79.12 -4.67 -7.71)
- LCH
- lch(79.12 9.01 238.8)
- CMYK
- cmyk(14% 5% 0% 18%)
Tints · Shades · Tones
Tints
- BCCDD6
- C4D2DB
- CBD8DF
- D2DDE4
- DAE3E8
- E1E8ED
- E8EEF1
- F0F4F6
- F7F9FA
Shades
- 9DADB6
- 86939B
- 6F7A81
- 596268
- 444C50
- 303639
- 1D2124
- 0C0E10
- 020202
Tones
- B0C0C9
- AAB8C1
- A5B1B9
- A0AAB0
- 9AA3A8
- 959CA0
- 909598
- 8A8E90
- 858788
Farbharmonien
Komplementär +180°
- B5C7D2
Celestyn
- D2C0B5
≈ Rabbit’s Foot
Analog -30° +30°
- B5C7D2
Celestyn
- B2C9CB
≈ Floating Blue
- BCC4D5
≈ Candela
Triadisch +120° +240°
- B5C7D2
Celestyn
- D2BEC5
≈ Pink Linen
- C3C6B4
≈ Spring Grey
Geteilt komplementär +150° +210°
- B5C7D2
Celestyn
- D4BEBC
≈ Salmon Smoke
- CBC3B2
≈ Still Moment
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.74:1 · APCA Lc 32
Ag
AAAAuf Schwarz
WCAG 12.06:1 · APCA Lc 71
Beste Textfarbe: #000000
WCAG 12.06:1 (AAA) · APCA Lc 71
Contrast pairs
Code-Snippets
CSS
:root {
--celestyn: #b5c7d2;
--celestyn-rgb: 181 199 210;
--celestyn-oklch: oklch(0.819 0.025 234.5);
}
.element {
color: var(--celestyn);
background-color: hsl(203 24% 77%);
border-color: oklch(0.819 0.025 234.5);
}Tailwind CSS v4
@theme {
--color-celestyn: #b5c7d2;
--color-celestyn-50: #eff6fb;
--color-celestyn-100: #e0e9ef;
--color-celestyn-200: #cbd6de;
--color-celestyn-300: #acbac3;
--color-celestyn-400: #91a1ab;
--color-celestyn-500: #778995;
--color-celestyn-600: #65747e;
--color-celestyn-700: #505d65;
--color-celestyn-800: #3a444a;
--color-celestyn-900: #282f33;
--color-celestyn-950: #161c1f;
}SCSS
$celestyn: #b5c7d2;
$celestyn-rgb: 181, 199, 210;
$celestyn-light: mix(#fff, $celestyn, 20%);
$celestyn-dark: mix(#000, $celestyn, 20%);
.element {
color: $celestyn;
box-shadow: 0 0 0 2px rgba($celestyn, 0.35);
}