Benannte Farbe · #ADC6DA
Barking Creek
Barking Creek ist #ADC6DA: rgb(173 198 218), hsl(207 38% 77%), oklch(0.814 0.039 242.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Barking Creek color name →
#ADC6DA
oklch(0.814 0.039 242.2)
Farbumrechnungen
- HEX
- #adc6da
- RGB
- rgb(173 198 218)
- HSL
- hsl(207 38% 77%)
- HWB
- hwb(207 68% 15%)
- OKLCH
- oklch(0.814 0.039 242.2)
- OKLab
- oklab(0.814 -0.018 -0.035)
- CIE Lab
- lab(78.48 -5.54 -13)
- LCH
- lch(78.48 14.13 246.9)
- CMYK
- cmyk(21% 9% 0% 15%)
Tints · Shades · Tones
Tints
- B5CCDE
- BDD1E1
- C5D7E5
- CDDDE9
- D6E2ED
- DEE8F0
- E6EEF4
- EEF3F8
- F7F9FB
Shades
- 96ACBD
- 7F92A2
- 6A7A87
- 55626C
- 414B54
- 2D353C
- 1B2125
- 0B0E11
- 010202
Tones
- A8BFD1
- A4B8C7
- 9FB0BE
- 9BA9B5
- 96A2AC
- 929BA3
- 8D949A
- 898E91
- 848789
Farbharmonien
Komplementär +180°
- ADC6DA
Barking Creek
- D5BDA9
≈ Classic Sand
Analog -30° +30°
- ADC6DA
Barking Creek
- A6CAD1
≈ Sky Chase
- B9C1DC
≈ Rhapsody Lilac
Triadisch +120° +240°
- ADC6DA
Barking Creek
- D9B8C0
≈ Hosanna
- BEC7AB
≈ Minted Lemon
Geteilt komplementär +150° +210°
- ADC6DA
Barking Creek
- DABAB3
≈ Rose Hip Tonic
- CBC2A6
≈ Stylish
Tetradisch +90° +180° +270°
- ADC6DA
Barking Creek
- D2B9CE
≈ Bedazzled
- D5BDA9
≈ Classic Sand
- B0CAB6
≈ Gum Leaf
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.76:1 · APCA Lc 33
Ag
AAAAuf Schwarz
WCAG 11.86:1 · APCA Lc 70
Beste Textfarbe: #000000
WCAG 11.86:1 (AAA) · APCA Lc 70
Contrast pairs
Code-Snippets
CSS
:root {
--barking-creek: #adc6da;
--barking-creek-rgb: 173 198 218;
--barking-creek-oklch: oklch(0.814 0.039 242.2);
}
.element {
color: var(--barking-creek);
background-color: hsl(207 38% 77%);
border-color: oklch(0.814 0.039 242.2);
}Tailwind CSS v4
@theme {
--color-barking-creek: #adc6da;
--color-barking-creek-50: #ecf7ff;
--color-barking-creek-100: #ddeaf4;
--color-barking-creek-200: #c7d7e4;
--color-barking-creek-300: #a7baca;
--color-barking-creek-400: #8ba2b4;
--color-barking-creek-500: #708a9e;
--color-barking-creek-600: #5f7586;
--color-barking-creek-700: #4c5d6b;
--color-barking-creek-800: #36444f;
--color-barking-creek-900: #252f37;
--color-barking-creek-950: #141c22;
}SCSS
$barking-creek: #adc6da;
$barking-creek-rgb: 173, 198, 218;
$barking-creek-light: mix(#fff, $barking-creek, 20%);
$barking-creek-dark: mix(#000, $barking-creek, 20%);
.element {
color: $barking-creek;
box-shadow: 0 0 0 2px rgba($barking-creek, 0.35);
}