Benannte Farbe · #60949B
Clear Brook
Clear Brook ist #60949B: rgb(96 148 155), hsl(187 24% 49%), oklch(0.633 0.056 206.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Clear Brook color name →
#60949B
oklch(0.633 0.056 206.6)
Farbumrechnungen
- HEX
- #60949b
- RGB
- rgb(96 148 155)
- HSL
- hsl(187 24% 49%)
- HWB
- hwb(187 38% 39%)
- OKLCH
- oklch(0.633 0.056 206.6)
- OKLab
- oklab(0.633 -0.05 -0.025)
- CIE Lab
- lab(57.87 -16.63 -9.52)
- LCH
- lch(57.87 19.16 209.8)
- CMYK
- cmyk(38% 5% 0% 39%)
Tints · Shades · Tones
Tints
- 709EA5
- 80A9AE
- 8FB3B8
- 9FBEC2
- AFC9CC
- BFD3D6
- CFDEE0
- DFE9EA
- EFF4F5
Shades
- 528086
- 456D72
- 385A5E
- 2C484B
- 203639
- 152628
- 0A1618
- 030809
- 000101
Tones
- 649298
- 689096
- 6B8E93
- 6F8C90
- 728A8D
- 75888B
- 788688
- 7B8485
- 7D8283
Farbharmonien
Komplementär +180°
- 60949B
Clear Brook
- AA7D78
≈ Ferris Wheel
Analog -30° +30°
- 60949B
Clear Brook
- 649589
≈ Fiddler
- 6990A8
≈ Blue Cruise
Triadisch +120° +240°
- 60949B
Clear Brook
- 9D7E9C
≈ Cali Lily
- 998863
≈ Treasure Chamber
Geteilt komplementär +150° +210°
- 60949B
Clear Brook
- A77C8B
≈ Silken Raspberry
- A58269
≈ Warm Cognac
Tetradisch +90° +180° +270°
- 60949B
Clear Brook
- 8D83A9
≈ Purple Hills
- AA7D78
≈ Ferris Wheel
- 878F68
≈ Green Coconut
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.38:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.20:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.20:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--clear-brook: #60949b;
--clear-brook-rgb: 96 148 155;
--clear-brook-oklch: oklch(0.633 0.056 206.6);
}
.element {
color: var(--clear-brook);
background-color: hsl(187 24% 49%);
border-color: oklch(0.633 0.056 206.6);
}Tailwind CSS v4
@theme {
--color-clear-brook: #60949b;
--color-clear-brook-50: #e4fafe;
--color-clear-brook-100: #d3eef2;
--color-clear-brook-200: #badbe1;
--color-clear-brook-300: #97c0c7;
--color-clear-brook-400: #77a8af;
--color-clear-brook-500: #579199;
--color-clear-brook-600: #4a7b81;
--color-clear-brook-700: #3b6267;
--color-clear-brook-800: #2a484b;
--color-clear-brook-900: #1c3234;
--color-clear-brook-950: #0c1e20;
}SCSS
$clear-brook: #60949b;
$clear-brook-rgb: 96, 148, 155;
$clear-brook-light: mix(#fff, $clear-brook, 20%);
$clear-brook-dark: mix(#000, $clear-brook, 20%);
.element {
color: $clear-brook;
box-shadow: 0 0 0 2px rgba($clear-brook, 0.35);
}